javascript添加子元素和父元素

如何创建动态图像绘图，my javascriptforeach元素命令：

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>

文本
文本
文本
文本
...

您从内部div进入，因为您将图像附加到主div

docElement

。只需将它们存储在不同的变量中，然后像这样以任何方式使用它们

temp=document.getElementById（“docElement”）；
innerdiv=document.createElement（'div'）；
临时附属子对象（innerdiv）；
innerdiv.innerText='text'；
innerdiv.appendChild（document.createElement（'img'））


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