JS动态创建的DIV

<html> 
<herd> 
<script type="text/javascript"> 
<!-- 
i=1; 
        function AddDiv() { 
          id="box"+i 
          i++; 
这里的ID是递增的，我想用检测如果ID存在则+1再进行检测 否则.. 
        } 
                function to_f_a(str) { 
          
        } 
//--> 
</script> 
</herd> <body> 
<input type="button" value="添加DIV" onclick="AddDiv()" /> 
以下节点是通过JS动态创建的！ 
<!-- <div id="box1" onclick="to_f_a("box1")"> 
被点击后的效果--> <div id="box1" onclick="to_f_a("box1")">当点击这里这个DIV前面添加一个DIV </div> 
<div id="box2" onclick="to_f_a("box2")">添加一个DIV </div> 
<div id="box3" onclick="to_f_a("box3")">添加一个DIV </div> 
<div id="box4" onclick="to_f_a("box4")">添加一个DIV </div> 
<div id="box5" onclick="to_f_a("box5")">添加一个DIV </div> 
</body> 
</html>

解决方案 »

  1.   

    var div=document.CreateElement("div");
    div.id="div1";
    div.InnerHtml="hello";
    document.body.appendChild(div);
      

  2.   

    <html>
    <title></title>
    <head>
    <script type="text/javascript">
    function add()
    {
    str='<table>';   
    str=str+'<tr>';   
    str=str+'<td>';
    for (i=0;i<=3;i++)
    {
    str=str+'<input type="text" id="'+i+'" name="'+i+'" value="'+i+'" />';
    str=str+'<br/>';
    }
    str=str+'</td>';
    str=str+'</tr>'; 
    str=str+'</table>';
    window.upid.innerHTML+=str+'';

    }
             </script>
    </head>
    <body onload="add();">
    <form id="form1">   
    <div id="upid"></div>
    </form>
    </body>
    </html>js 控制 动态 添加标签 for 循环