如何在JavaScript中創建隱藏<img>？

Question

如何使用JavaScript以編程方式隱藏像<img src="a.gif">這樣的簡單標籤？

Answer 1

我不知道我理解你的問題。但有兩種方法可以使圖像無形......

純HTML

<img src="a.gif" style="display: none;" /> 

或者......

HTML +的Javascript

<script type="text/javascript"> 
document.getElementById("myImage").style.display = "none"; 
</script> 

<img id="myImage" src="a.gif" /> 

Answer 2

如何

<img style="display: none;" src="a.gif">

將完全禁用顯示，而不是留下一個佔位符

Answer 3

嘗試設置樣式，以顯示爲無：

<img src="a.gif" style="display:none"> 

Answer 4

您可以隱藏使用JavaScript這樣的圖像：

document.images['imageName'].style.visibility = hidden; 

如果那不是你所追求的，你需要更清楚地解釋自己。

Answer 5

這個問題是模糊的，但如果你想用Javascript製作圖片。 很簡單。

function loadImages(src) { 
    if (document.images) { 
    img1 = new Image(); 
    img1.src = src; 
} 
loadImages("image.jpg"); 

的圖像將被要求，但要等到顯示它永遠不會被顯示出來。 非常適合預加載圖片，但您希望這些圖片是請求的，但會延遲到文檔加載完成。

Example