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的工作原理（显然是一个虚假的图片位置，但是如果你用浏览器开发工具检查元素，那么你可以看到它已经改变了。）

Answer 2

所以你要做的就是这样：

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

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