圖像覆蓋現有的html對象

Question

我試圖用javascript生成img標記 （當點擊鏈接時，圖像被創建） 問題是當圖像生成時，所有其他對象（其他圖像或文本）被覆蓋並且我不能達到他們了

我在HTML

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

像

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

Answer 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+"'>"; 

Answer 2

指定innerHTML確實「覆蓋」元素的任何以前的內容。

要將圖像追加到現有的內容有：

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

假設picturetag包含有效的HTML - 如果沒有運氣，請張貼更多的代碼，尤其是什麼picturetag和它是如何創建的。

Answer 3

嘗試這樣：

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

這將圖像追加到div