Question

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

我喜欢

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

in html

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

Answer 1

它应该有效，除非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+"'>";

Answer 2

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

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

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

假设picturetag包含有效的HTML - 如果没有运气，请发布更多代码，尤其是picturetag及其创建方式。

Answer 3

尝试这样的事情：

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

这会将图像附加到div

图像覆盖现有的html对象

3 个答案: