javascript - 图像覆盖现有的 html 对象

Question

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

我有类似的东西

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

在 HTML 中

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

Answer 1

分配innerHTML确实“覆盖”了元素的任何先前内容。

要将图像附加到现有内容有：

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

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

Answer 2

它应该可以工作，除非图片标签破坏了 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+"'>";

Answer 3

尝试这样的事情：

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

这会将图像附加到 div