js点击事件改变div背景图片怎么实现

2024-11-29 10:04:24
推荐回答(1个)
回答1:




    
    



changeBackground

    function logo() {
        var btn = document.getElementById("button_A");
        i = 0;
        var imgArr = ["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg", "img/6.jpg"];
        btn.addEventListener("click", function () {
            if (i == 6) {
                i = 0;
            }
            document.body.style.backgroundImage = "url('"+imgArr[i]+"')";
            i++;
        });
    }
    logo();


用您的改进后的代码,js代码必须再按钮的标签后面(要不然需要再监听dom加载完毕后执行js),i不应该一直加下去,会出错!

参考:http://www.w3school.com.cn/jsref/prop_style_backgroundimage.asp