2012-04-26 6 views
4

"objTo"は、複数のdivを挿入する必要があるdivです。 初めてコードを使用したときに、そのコードが次回に既存のコードを上書きするときに発生します。Javascript:DIV AppendChild

 <script> 

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

どこが間違っていますか?私はあなたのための非常に単純な作業バージョンを作った

+2

このコードを複数回実行すると、何も上書きされません(不要な参照を除く)。私はあなたが問題を減らしたテストケースを減らしたと思う。 – Quentin

答えて

22

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"/> 
関連する問題