Question

JavaScript如何点击更换图片再次点击更换回来？

<script>
window.onload=function(){
var Imgbtn=document.getElementById('img');
Imgbtn.onclick=function(){
if(Imgbtn.style.backgroundImage='url(img/任务开始.png)')
{
Imgbtn.style.backgroundImage='url(img/任务暂停.png)';
}
else if(Imgbtn.style.backgroundImage='url(img/任务暂停.png)'){
Imgbtn.style.backgroundImage='url(img/任务开始.png)';
}

}
}
</script>
<div id="bg">
<div id="btn">
<div id="txt">试客小兵</div>
<div id="img" style="background-image: url(img/任务开始.png);"></div>
</div>
</div>
代码如上，请问下出什么问题了，总是切换不回来





Answer 1

你在 if 判断语句中错误地使用了赋值运算符（应该使用比较运算符），根据你的实际情况，你应该这样写：

if (Imgbtn.style.backgroundImage == 'url("img/任务暂停.png")' {
...以下代码省略

注意，url 里面的内容要加双引号，因为 backgroundImage 属性返回的值中会有双引号。

追问

不知道什么原因导致的，点击一次后， 后面的不触发click事件了

追答

我上面不是回答你了。。条件判断要用 == 而不是 =，图片的相对 URL 要加上双引号。

Answer 2

不知道什么原因导致的，点击一次后， 后面的不触发click事件了