使用javascript onclick按钮可以根据前一个图像在两个图像之间切换

时间:2017-08-23 10:42:05

标签: javascript html onclick

我有两个图像,我想要一个有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;

}());

0 个答案:

没有答案