我正在调用 JavaScript 函数来更改图像,方法是使用 if..else 语句更改其源。但它直接跳到最后一个 else 语句,因此图像只在第一个和最后一个图像之间保持交换
JavaScript 函数:
function myfunction2() {
var image = document.getElementById("image");
//iterartion 1
if (image.src == "img1.jpg") {
image.src = "img2.jpg";
} else if (image.src == "img2.jpg") {
image.src = "img3.jpg";
} else if (image.src == "img3.jpg") {
image.src = "img4.jpg";
} else if (image.src == "img4.jpg") {
image.src = "img5.jpg";
} else if (image.src == "img5.jpg") {
image.src = "img1.jpg";
} else {
image.src = "img2.jpg";
}
}
html代码:
<div id="image-slider">
<img src="img1.jpg" id="image">
<div id="left-holder">
<img onclick="myfunction2()" src="arrow-left.png" height="49px" width="49px" class="left"/>
</div>
<div id="right-holder">
<img onclick="myfunction2()" src="arrow-right.png" height="49px" width="49px" class="right"/>
</div>
</div>
我在这里做错了什么?请帮忙。
最佳答案
尝试使用trim()功能
function myfunction2() {
var image = document.getElementById("image");
image = image.trim();
//iterartion 1
if (image.src == "img1.jpg") {
image.src = "img2.jpg";
} else if (image.src == "img2.jpg") {
image.src = "img3.jpg";
} else if (image.src == "img3.jpg") {
image.src = "img4.jpg";
} else if (image.src == "img4.jpg") {
image.src = "img5.jpg";
} else if (image.src == "img5.jpg") {
image.src = "img1.jpg";
} else {
image.src = "img2.jpg";
}
}
我怀疑您的文字周围可能有空格
关于javascript - 'if...else'没有检查任何其他条件,直接跳到最后一个 'else'语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28736513/