Javascript:DIV-AppendChild

Javascript:DIV-AppendChild,javascript,appendchild,Javascript,Appendchild,在下面的代码中,“objTo”是一个div,我需要在其中插入多个div。 当我第一次使用代码时,它会工作。但下一次它会覆盖现有代码 <script> var divtest= document.createElement("div"); divtest.innerHTML = "<div>new div</div>" objTo.appendChild(divtest) </script>

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

     <script>

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

var divtest=document.createElement(“div”);
divtest.innerHTML=“新建div”
对象追加子对象(divtest)

我哪里出错了?

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

多次点击始终有效:

脚本

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

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