web-dev-qa-db-ja.com

Javascript:DIV AppendChild

以下のコードでは"objTo"は、複数のdivを挿入する必要があるdivです。初めてコードを使用するときは機能しますが、次回は既存のコードを上書きします。

     <script>

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

どこが間違っているのですか?

7
user1357872

私はあなたのために非常にシンプルな作業バージョンを作成しました:

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"/>
26
Marc Uberstein