點擊顯示/隱藏圖像

我需要在html頁面中顯示/隱藏圖像。我認爲它非常簡單。但爲什麼我得到的錯誤'可見'未定義。點擊顯示/隱藏圖像

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head><title>Ajax Test 
    </title> 
    <script type="text/javascript"> 
<!-- 
    function showImage(){ 
     document.getElementById('loadingImage').style.visibility=visible; 
    } 

    --> 

    </script> 
    </head> 
<body> 
    <input type="button" value="Ajax Button" onclick="showImage();"/> 
    <img id="loadingImage" src="ajax-loader.gif" style="visibility:hidden"/> 

</body>

來源

2010-01-04 crazyTechie

嘗試在引號中輸入'... style.visibility =「visible」' – laura 2010-01-04 11:54:57

請勿將您的腳本註釋掉：http://dorward.me.uk/www/comments-cdata/ – Quentin 2010-01-04 11:55:57

你需要把它放在引號 - 這是一個字符串：

document.getElementById('loadingImage').style.visibility='visible';

來源

2010-01-04 11:54:07

我會使用jQuery。在Jquery主頁上下載它。

然後，它包含：

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
function showImage(){ 
$("#loadingImage").toggle(); 
} 

</script> 


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

來源

2010-01-04 11:54:46 TIMEX

如果其他的答案不給你你後的結果，嘗試顯示設置爲none：

document.getElementById('loadingImage').style.display='none';

來源

2010-01-04 11:55:34

您需要附上它在引用標記中，否則JavaScript認爲你試圖將它設置爲一個名爲「visible」的變量的值。由於您沒有稱爲「可見」的變量，因此您會收到錯誤，說明它未定義。

document.getElementById('loadingImage').style.visibility='visible';

來源

2010-01-04 11:55:40

我非常非常抱歉。它應該是

document.getElementById('loadingImage').style.visibility='visible';

quuotes失蹤可見。

來源

2010-01-04 11:56:20 crazyTechie

點擊顯示/隱藏圖像

回答

相關問題