javascript - 图片来源不变

Question

我有一个图像和一个按钮，我希望发生的是，当单击按钮时，图像的源更改为另一个图像的源。每当我单击按钮时，什么也没有发生。

我的图像代码是

<img id="chestImg" border="0" src="img/chestClosed.png" alt="Chest!">

我的按钮代码是

<button id="openChest" onclick='changeImage("chestImg","img/chest.gif");' > Open Chest! </button>

我的changeImage函数看起来像这样

function changeImage(obj,img) {
  obj.src = img;
}

Answer 1

obj 不能是像您拥有的那样的字符串，因为该字符串不是 DOM 图像对象，因此没有您想要的 .src 属性。

您可以将代码更改为:

function changeImage(id, url) {
   document.getElementById(id).src = url;
}

然后像你拥有的那样调用它:

changeImage("chestImg", "img/chest.gif")