javascript添加子元素和父元素

Question

如何创建动态图像绘制，我的javascript foreach 元素命令：

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

docElement 是另一个div容器 它画了：

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

我想：

<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 docElement。只需将它们存储在不同的变量中，并以任何方式与它们一起玩，如此

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);