用Javascript更新图像

我在画图像方面有问题。我需要做的是通过如下更改变量来更改图像源：

    var playerImage = new Image();
    var imageName = "image.png";
    playerImage.src = imageName;

---

然后，我在代码中的另一个位置更改imageName的值。然而，这是行不通的。imageName的值实际上会更改，但图像本身保持不变。有什么想法吗？

更改

imageName

的值不会重新加载图像

将新值重新附加到

playerImage.src

将重新加载它
（需要检查这是否适用于所有浏览器）。 从IE3.02开始支持（感谢@mplungjan）

---

更改imageName不会起作用；如果要更改实际图像，则需要为playerImage.src指定一个新值欢迎使用SO-您似乎没有访问以了解如何提问。提示：显示更多代码，可能还有控制台错误消息当您更改变量imageName时，它不会更新src。您需要直接更新源代码。它应该适用于所有支持JS的浏览器，因为IE3.02如果您加载相同的图像，则需要添加缓存buster，如

playerImage.src=“someanimation.gif？rnd=“+new Date（）.getTime（）-和IE3.0不支持JS中的图像-因此旧的
if（document.images）
可以处理3.02以前的浏览器：）
playerImage.src = "new/path/to/img";