JS添加DIV

document.getElementById("2").insertAdjacentHTML("afterEnd","<div id=\"i2\">fds</div>");
用这个可以  不过如果是数结构最好是
<div id="1" class="xx" onclick="th()"> </div>
<div id="2" class="xx" onclick="th()"> 
<div id="r" class="xx" onclick="th()"> </div>
<div id="t" class="xx" onclick="th()"> </div>
</div>
<div id="5" class="xx" onclick="th()"> </div>
<div id="7" class="xx" onclick="th()"> </div>
<div id="4" class="xx" onclick="th()"> </div>
<div id="0" class="xx" onclick="th()"> </div> 
这样的.此时添加字节点 就可以用一楼的方法了.

解决方案 »

  1.   


    <SCRIPT LANGUAGE="JavaScript">
    function th(){}
    var i=0;
    function fun()
    {
    var main = document.getElementById("main");
    var div = document.createElement("div");
    div.id=i;
    div.class="xx";
    div.onclick=th;
    main.insertBefore(div,main.childNodes[2]);
    i++;
    alert(document.body.innerHTML)//要生成这样的么
    }
    </SCRIPT>
    <body>
    <div id="main">
    <div id="1" class="xx" onclick="th()"> </div> 
    <div id="2" class="xx" onclick="th()"> </div> 
    <div id="5" class="xx" onclick="th()"> </div> 
    <div id="7" class="xx" onclick="th()"> </div> 
    <div id="4" class="xx" onclick="th()"> </div> 
    <div id="0" class="xx" onclick="th()"> </div> 
    </div>
    <input type="button" onclick="fun()" value="add div">
    </body>
      

  2.   

    上面的错了一点点...<SCRIPT LANGUAGE="JavaScript">
    function th(){}
    var i=0;
    function fun()
    {
        var main = document.getElementById("main");
        var div = document.createElement("div");
        div.id=i;
        div.className="xx";
        div.onclick=th;
        main.insertBefore(div,main.childNodes[2]);
        i++;
        alert(document.body.innerHTML)//看看 是要生成这样的么
    }
    </SCRIPT>
    <body>
    <div id="main">
    <div id="1" class="xx" onclick="th()"> </div> 
    <div id="2" class="xx" onclick="th()"> </div> 
    <div id="5" class="xx" onclick="th()"> </div> 
    <div id="7" class="xx" onclick="th()"> </div> 
    <div id="4" class="xx" onclick="th()"> </div> 
    <div id="0" class="xx" onclick="th()"> </div> 
    </div>
    <input type="button" onclick="fun()" value="add div">
    </body>
      

  3.   

    div.id=i;
    换换 忘记你也用的数字了
    晕死了 我不清白了 太粗心了
      

  4.   


    借光：<html>
    <head>
    <title>Add div</title>
    <SCRIPT LANGUAGE="JavaScript">
    function th(){}
    var i="t";
    function fun()
    {
        var main = document.getElementById("main");
        var div = document.createElement("div");
        div.id=i;
        div.className="xx";
        div.onclick=th;
        main.insertBefore(div,main.childNodes[2]);
    div.innerHTML=i;
        //i++;
        //alert(document.body.innerHTML)//看看 是要生成这样的么
    }
    </SCRIPT>
    </head>
    <body>
    <div id="main">
    <div id="1" class="xx" onclick="th()">1</div> 
    <div id="2" class="xx" onclick="th()">2</div> 
    <div id="5" class="xx" onclick="th()">5</div> 
    <div id="7" class="xx" onclick="th()">6</div> 
    <div id="4" class="xx" onclick="th()">4</div> 
    <div id="0" class="xx" onclick="th()">0</div> 
    </div>
    <input type="button" onclick="fun()" value="add div">
    </body>
    </html>