我有两个图像,我想要一个有onclick事件的按钮来切换我所拥有的div的背景图像,问题是前两次点击工作但第三次点击仍然返回第二个图像而不是第一个图像。我尝试用背景颜色测试它并且工作正常,它在两种颜色之间切换。 我也希望只有一个javscript回答。
javascipt的 (function(){
var clickMe = document.getElementById('ray');
var theBody = document.getElementById("container");
var image1 = "url(chidi.png)"
var image2 = "url(chidi2.jpg)"
var colorMe = function() {
if(theBody.style.backgroundImage == "" || theBody.style.backgroundImage == image2) {
theBody.style.backgroundImage = image1;
} else {
theBody.style.backgroundImage = image2;
}
console.log(theBody.style.backgroundImage);
}
ray.onclick = colorMe;
}());