更改'；src&x27；使用javascript的图像的属性

我使用的是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;
}

就我所见，这在一段时间内非常有效，然后莫名其妙地停止了工作！现在单击“刷新”按钮时，图像就会消失

---

有人知道为什么会发生这种情况吗？

我只想提一下，在jQuery中这样做会容易得多。你也不必太担心维护浏览器兼容性等问题。随着项目的发展，您的代码可能会变得笨拙，因此即使您不决定使用jQuery，您也应该找到一个适合您需要的解决方案

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

---

还要注意的是，在大多数浏览器上，没有src的图像会显示一个占位符X，您可以使用

display:none或根据需要在jQuery中使用
refresh.hide（）
和
refresh.show（）
方法。
谢谢-在编写该函数时，站点没有使用jQuery，但我们后来添加了它，发现它很棒，我想旧习惯很难改掉，我一直在不假思索地编写document.getElementById！我不喜欢学习它，因为我不明白这一点，但是如果你对纯JS也很满意的话，它非常有用而且非常简单-它不会像单击之前那样显示X，src属性是“images/refresh\u stationary.png”啊，太好了，这也会很好用。我还发现
addClass
和
removeClass
对于干净地向元素添加样式非常有用。