的Javascript改變風格顯示從無到正常不起作用

這是我imgage：的Javascript改變風格顯示從無到正常不起作用

<img alt="" id="loadingImage" src="Images/ajax-loader.gif" style="display:none"/>

我想說明通過一段JavaScript的形象，這是我的代碼，它不工作：

function changeDisplay() { 
    var img = document.getElementById('loadingImage'); 
    img.style.display = "normal"; 
}

無論其

如果我做了「逆」，從正常的去隱藏它工作得很好，此代碼：

<img alt="" id="loadingImage" src="Images/ajax-loader.gif" style="display:normal"/> 

function changeDisplay() { 
    var img = document.getElementById('loadingImage'); 
    img.style.display = "none"; 
}

我沒有得到這個，我做錯了什麼？

來源

2014-11-14 Lord Vermillion

請檢查可用[display]（https://developer.mozilla.org/en-US/docs/Web/CSS/display）值。 – emmanuel

'img.style.display =「」' –

沒有顯示：「正常」。 https://developer.mozilla.org/en-US/docs/Web/CSS/display#Syntax –

首先，你可以推斷出收到的答案和評論，沒有normal顯示。

現在，如果當你說normal你的意思是回到默認的img顯示模式，那麼你應該去display: inline。幾乎所有的答案都假定block是正常的。但是img是inline elements之一，而不是block element。

function changeDisplay() { 
    var img = document.getElementById('loadingImage'); 
    img.style.display = "inline"; 
}

但是，如果當你說你normal意味着回到原來的顯示模式，它之前，必須在一個計算應用任何CSS規則，然後我會去通過@ArunPJohny comment提出的解決方案。只需刪除的顯示模式。

function changeDisplay() { 
    var img = document.getElementById('loadingImage'); 
    img.style.display = ""; 
}

來源

2014-11-14 11:54:11 dreyescat

沒有display:normal，但這裏有一個例子：

function show() { 
 
     var img = document.getElementById('loadingImage'); 
 
     img.style.display = "inline"; 
 
    } 
 
    
 
    function hide() { 
 
     var img = document.getElementById('loadingImage'); 
 
     img.style.display = "none"; 
 
    }

<img alt="" id="loadingImage" 
 
src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Wikipedia-logo-v2-pt.png" style=""/> 
 

 
<a href="#" onclick="window.show()">show</a> 
 
<a href="#" onclick="window.hide()">hide</a>

來源

2014-11-14 10:36:31 Victor

風格沒有顯示：正常; Have's display：none;不顯示顯示：block;顯示

替換 img.style.display =「normal」; on this img.style.display =「block」;

function changeDisplay() { 
    var img = document.getElementById('loadingImage'); 
    img.style.display = "block"; 
}

來源

2014-11-14 10:37:19

使用顯示「塊」

img.style.display = "block";

希望這將幫助你！

來源

2014-11-14 10:37:28 Saketh

低於風格使用

img.style.display = "block";

來源

2014-11-14 10:37:38 KanhuP2012

似乎沒有顯示任何「正常」的屬性值，但你可以UE的「塊」，以顯示PIC up.you可以找到更多的細節形成w3shools

來源

2014-11-14 10:39:07 Hans

請試試這個

function changeDisplay() { 
    var img = document.getElementById('loadingImage'); 
    img.style.display = "block"; 
}

來源

2014-11-14 10:39:37 vanarajcs

u可以使用此功能

function show() {  
    var contentId = 
    document.getElementById("loadingImage"); // Toggle 
    contentId.style.display == "block" ? contentId.style.display = "none" 
    : contentId.style.display = "block"; } 


<img alt="" id="loadingImage" 
    src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Wikipedia-logo-v2-pt.png" style=""/> 

<a href="#" onclick="window.show()">toggle</a>

來源

2014-11-14 11:00:03

的Javascript改變風格顯示從無到正常不起作用

回答

相關問題