Javascript:DIV AppendChild答案

【问题标题】：Javascript:DIV AppendChildJavascript:DIV AppendChild
【发布时间】：2012-05-06 21:04:39
【问题描述】：

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

     <script>

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

我哪里错了？

【问题讨论】：

多次运行该代码不会覆盖任何内容（除了您不再需要的引用）。我怀疑您创建了一个简化的测试用例，从而减少了问题。

标签： javascript appendchild

【解决方案1】：

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

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"/>

【讨论】：