Javascript:图像更改

Question

很简单的事情我却做不到。我有两个图像即。 try.jpg 和 menuBack.jpg。最初，我将 try.jpg 作为图像源，但页面加载后我想将其更改为其他图像。

HTML:

<img id="imgSlider" width="284px" height="284px" src="try.jpg"/>

JavaScript:

window.onload = initAll;

function initAll() {
    var imageSrc = document.getElementById("imgSlider").src;
    imageSrc == "menuBack.jpg";
}

这里出了什么问题？

Answer 1

您的代码是“错误的方式”。因此，您需要将 menuBack.jpg 分配给 document.getElementById("imgSlider").src;

此外，您还使用了双 == 这是一个逻辑运算符，用于“某物等于另一物吗？”。

最后，在initAll()后面添加括号。

window.onload = initAll();


function initAll(){
    document.getElementById("imgSlider").src = "menuBack.jpg";

}

这是一个JSFIDDLE它的工作原理(显然是一个假图像位置，但如果您使用浏览器开发工具检查该元素，您可以看到它已更改)。