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>