Javascript:DIV AppendChild

时间:2012-04-26 06:21:56

标签: javascript appendchild

在下面的代码中"objTo"是一个div,我需要插入多个div。 当我第一次使用代码时它会工作。但下次它会覆盖现有的代码。

     <script>

var divtest= document.createElement("div");        
divtest.innerHTML = "<div>new div</div>"         
objTo.appendChild(divtest)
    </script>

我哪里错了?

1 个答案:

答案 0 :(得分:26)

我为你制作了一个非常简单的工作版本:

http://jsfiddle.net/hQKy9/

多次点击一直有效:

<强>脚本

function addDiv() {
    var objTo = document.getElementById('container');
    var divtest = document.createElement("div");
    divtest.innerHTML = "new div";
    objTo.appendChild(divtest);
}

<强> HTML

<div id="container"></div>

<input type="button" onclick="addDiv();" value="Click here to add div"/>