javascript - 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";
}

这里有什么问题？

score 5 · Accepted Answer

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

您还使用了 double==这是一个逻辑运算符，用于“是否等于其他东西？”。

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

window.onload = initAll();


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

}

这是它工作的JSFIDDLE（显然是假图像位置，但如果您使用浏览器开发工具检查元素，那么您可以看到它已经改变）。

score 0 · Accepted Answer

所以你想要做的是这样的：

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

您要做的实际上是一个赋值语句 - 因为您只使用一个=-等于字符。您使用两个==等号字符来执行条件表达式 ( if..then..else)。

2 回答 2