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;

你也使用double ==,这是一个逻辑运算符,"是等于别的东西？".

最后,添加括号后initAll().

window.onload = initAll();


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

}

这是一个工作的JSFIDDLE(显然是一个虚假的图像位置,但如果你用浏览器开发工具检查元素,那么你可以看到它已经改变).