Javascript 覆盖现有html对象的图像

我试图用javascript生成img标记 单击链接时，将创建图像 问题是，当生成图像时，所有其他对象的图像或文本都被覆盖，我无法再访问它们

我有点像

document.getElementById("picturediv").innerHTML=picturetag;

在html中

<div id="bigger">
<div id="picturediv"></div>
<div id="div for some other stuff"></div>
</div>

---

它应该可以工作，除非picturetag破坏了html

<div id="bigger">
<div id="picturediv"></div>
<div id="div for some other stuff"></div>
</div>
<script>
document.getElementById("picturediv").innerHTML="<img src='"+pictureLocation+"'>";

分配innerHTML确实会覆盖元素的任何以前的内容

要将图像附加到现有内容，请执行以下操作：

document.getElementById("picturediv").innerHTML += picturetag;

---

假设picturetag包含有效的HTML-如果运气不好，请发布更多代码，特别是picturetag是什么以及它是如何创建的。

尝试以下方法：

  document.getElementById('picturediv').appendChild(picturetag);

这将把图像附加到div