Javascript 图像源未更改

我有一个图像和一个按钮，我想发生的是，当点击按钮时，图像的来源被更改为另一个。每当我点击按钮时，什么都没有发生

我的图像代码是

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

---

obj

不能是您拥有的字符串，因为该字符串不是DOM图像对象，因此不具有所需的

.src

属性

您可以将代码更改为：

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

然后称之为“就像你拥有它一样”：

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

---

您的JS函数不正确，您正在传递一个字符串“element id”，并将其用作DOM元素，而事实并非如此

因此，您的函数应该类似于：

document.getElementById("[element id]").src = [new value];

希望这有帮助

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

“obj”不是对象，想想看，“obj.src”不是对象的属性。 因此，您应该首先获取对象：

var object = document.getElementById("chestImg").

然后：

---

在changeImage函数中，您的参数不是对象。所以试试这个：

<img id="chestImg" border="0" src="img/chestClosed.png" alt="Chest!">
<button id="openChest" onclick='changeImage("chestImg","img/chest.gif");' > Open Chest! </button>

function changeImage(id,img) {
  var obj = document.getElementById(id);
  obj.src = img;
}

打开箱子！
功能更改图像（id、img）{
var obj=document.getElementById（id）；
obj.src=img；
}

（“[element id]”）。src=[new value]可能会很混乱。改为使用伪realslike值，例如：
（“elementId”）.src=someNewValuevar object = document.getElementById("chestImg").

object.src=[value];

<img id="chestImg" border="0" src="img/chestClosed.png" alt="Chest!">
<button id="openChest" onclick='changeImage("chestImg","img/chest.gif");' > Open Chest! </button>

function changeImage(id,img) {
  var obj = document.getElementById(id);
  obj.src = img;
}