浏览器控制台报错 Uncaught TypeError: Cannot set properties of undefined (setting ‘onclick‘) at

最新推荐文章于 2024-08-06 17:48:24 发布

喝君乐宝

最新推荐文章于 2024-08-06 17:48:24 发布

阅读量7.7k

点赞数 1

文章标签： javascript html5

本文链接：https://blog.csdn.net/qq_52249935/article/details/123620993

版权

项目场景：

点击切换浏览器壁纸的代码

问题描述

浏览器控制台报错
Uncaught TypeError: Cannot set properties of undefined (setting ‘onclick’)
at
在这里插入图片描述

  <body>
    <div class="bigbox">
      <img src="../素材/箴言1副本.jpg" alt="" />
      <img src="../素材/箴言2副本.jpg" alt="" />
      <img src="../素材/箴言3副本.jpg" alt="" />
      <img src="../素材/箴言4副本.jpg" alt="" />
    </div>
  </body>
  <script>
    var pics = document.querySelector('.bigbox').querySelectorAll('img');
    for (var i = 1; i < pics.length+1 ; i++) {
      pics[i].onclick = function() {
        console.log(this.src);
      }
    }
  </script>