js切换背景

安地流油→_→

已于 2022-04-05 22:36:57 修改

阅读量384

点赞数

于 2022-04-05 22:35:09 首次发布

本文链接：https://blog.csdn.net/qq_62336903/article/details/123979181

版权

我们通过获取所有的img元素，在给每个img元素添加一个点击事件，最后通过点击img标签将

img标签的src送给body的背景。

js部分

  var img = document.querySelectorAll('img');
        for (var i = 0; i < img.length; i++) {
            img[i].onclick = function() {
                document.body.style.backgroundImage = 'url(' + this.src + ')';
            }
        }

html部分

    <div><img src="风景.jpeg" alt=""></div>
    <div><img src="空.jpg" alt=""></div>
    <div><img src="下载.jpg" alt=""></div>
    <div><img src="下载3.jpg" alt=""></div>
    <div><img src="win_10.jpg" alt=""></div>

css就自行发挥吧