使用javascript更改圖像的'src'屬性

Question

我正在使用javascript，因此當單擊刷新按鈕時，它將開始旋轉，直到刷新完成。這是我的功能：

function RefreshHome() { 

// Refreshes the home page via the image link. 

// Make the refresh link animate. 
var refresh = document.getElementById("refresh_button"); 
refresh.src = "images/refresh_animated.gif"; 

// Refresh the page. 
window.location = "home.aspx"; 

return false; 
} 

這工作完美了一段時間，據我所知，莫名其妙地停止工作！當點擊刷新按鈕時，圖像就會消失。

有人知道爲什麼會發生這種情況嗎？

Answer 1

只是想提一下，這將在jQuery中更容易。您無需擔心如何維護瀏覽器兼容性等。隨着項目的增長，您的代碼可能會變得不穩定，因此即使您不決定使用jQuery，您也應該找到滿足您需求的suitable framework。

var refresh = $("#refresh_button"); 
refresh.attr("src", "images/refresh_animated.gif"); 

另外要注意，有沒有SRC的圖像顯示了大多數瀏覽器的佔位符X，您可以用display:none;或根據需要使用jQuery中的refresh.hide()和refresh.show()方法隱藏它。