Javascript：DIV AppendChild [英] Javascript:DIV AppendChild

问题描述

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

In the below code "objTo" is a div to which i need to insert multiple number of div. when i use the code for the first time its working.but on the next time its overwriting the existing code.

     <script>

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

我哪里出错？

推荐答案

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

I have made a very simple working version for you :

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

这篇关于Javascript：DIV AppendChild的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！