js点击图片切换背景

keepRuning9

已于 2022-12-29 11:31:03 修改

阅读量973

点赞数 2

分类专栏： js

于 2022-12-21 18:52:28 首次发布

本文链接：https://blog.csdn.net/weixin_58414196/article/details/128400735

版权

JavaScript DOM操作事件处理图片背景图像

关键词由CSDN通过智能技术生成

js 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<body>
    <ul class="baidu">
        <li><img src="./1.jpg"></li>
        <li><img src="./2.jpg"></li>
        <li><img src="./3.jpg"></li>
        <li><img src="./4.jpg"></li>
    </ul>
    <script>
        var imgs = document.querySelector('.baidu').querySelectorAll('img')
        console.log(imgs);
        for (var i = 0; i < imgs.length; i++) {
            imgs[i].onclick = function() {
                document.body.style.backgroundImage = 'url(' + this.src + ')'
            }
        }
    </script>
</body>