圖像覆蓋現有的html對象

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

我在HTML

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

像

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

來源

2011-03-29 Dzenan

它應該工作，除非圖片標籤正在破壞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+"'>";

來源

2011-03-29 21:21:05 Aleadam

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

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

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

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

來源

2011-03-29 21:44:38

嘗試這樣：

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

這將圖像追加到div

來源

2013-07-29 10:47:42 131

圖像覆蓋現有的html對象

回答

相關問題