javascriptのは、動的な描画を作成する方法

Question

は、私のjavascriptののforeach要素のコマンドは、子と親要素を追加します私は欲しかった：

<div id="docElement"> 
<div>text<img></img></div> 
<div>text<img></img></div> 
<div>text<img></img></div> 
<div>text<img></img></div> 
... 
</div> 

Answer 1

あなたは、メインdivにイメージを追加する内側のdiv cozから抜け出しています。単にあなたが好き好きな方法別の変数に保存し、一緒にプレイこの

temp = document.getElementById("docElement"); 
 
innerdiv = document.createElement('div'); 
 
temp.appendChild(innerdiv); 
 
innerdiv.innerText = 'text'; 
 
innerdiv.appendChild(document.createElement('img'));

<div id="docElement"> 
 
</div>

Answer 2

temp = document.getElementById(docElement); 
var div = document.createElement('div'); 
div.innerText = 'text'; 
div.appendChild(document.createElement('img'));  
temp.appendChild(div);