急急急！！请高手把握解决这个简单的js问题，小弟跪谢了！

//怎么这样写不能显示呢？做圆角边框。<script type="text/javascript">
function rounddiv(str, x)           /*为了实现从用添加参数*/
{
      if (str == 'top')
           for (var i=5; i>0; i--)
                creatediv(i, x);
      else if (str == 'bottom')
           for (var i=0; i<5; i++)
                creatediv(i, x);
      else 
      alert("Erro!");
}
function creatediv(i, x)
{
       var objdiv = document.createElement("div");
       var objname="shop" + i;
       objdiv.id = objname;
       objdiv.style.height= '1px';
       objdiv.style.marginLeft= i;0
       objdiv.style.marginRight= i;
       objdiv.style.width=x- 2*i;
       objdiv.style.background = 'green';
       document.body.appendChild(objdiv);
}
</script>
<html>
<head>
<title>div</title>
</head>
<body>
<div style="width:300px; height:300px; padding:30px;">
<script type="text/javascript">rounddiv('top', 200);</script>
<div style="width:200px;background:#FF8C69;">x<br />k<br />f<br />k<br />d</div>
<script type="text/javascript">rounddiv('top', 200);</script>
</div>
</body>
</html>

解决方案 »

  1.   

    这样写就可以了:
    <script type="text/javascript"> 
    function rounddiv(str, x)          /*为了实现从用添加参数*/ 
    { 
          if (str == 'top') 
              for (var i=5; i>0; i--) 
                    creatediv(i, x); 
          else if (str == 'bottom') 
              for (var i=0; i <5; i++) 
                    creatediv(i, x); 
          else 
          alert("Erro!"); 
    } 
    function creatediv(i, x) 
    { 
          var objdiv = document.createElement("div"); 
          var objname="shop" + i; 
          objdiv.id = objname; 
          objdiv.style.height= '1px'; 
          objdiv.style.marginLeft= i; 
          objdiv.style.marginRight= i; 
          objdiv.style.width=x- 2*i; 
          objdiv.style.background = 'green'; 
          document.body.appendChild(objdiv); 
    } 
    </script> 
    <html> 
    <head> 
    <title>div </title> 
    </head> 
    <body> 
     
    <script type="text/javascript">rounddiv('top', 200); </script> 
    <div style="width:200px;background:#FF8C69;">x <br />k <br />f <br />k <br />d </div> 
    <script type="text/javascript">rounddiv('bottom', 200); </script> </body> 
    </html>