图像覆盖现有的 html 对象答案

【问题标题】：image overwriting existing html objects图像覆盖现有的 html 对象
【发布时间】：2011-07-25 15:22:49
【问题描述】：

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

我有类似的东西

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

在html中

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

【问题讨论】：

标签： javascript html overwrite

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

试试这样的：

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

这会将图像附加到 div

【讨论】：