dom类提取然后遍历添加onclick事件,会报错但是可以运行

我如果这样写的话,在源码中

img


会报错,但是他是可以执行的,就不是很理解,他报错的是说onclick不能绑定在这个东西上面.而且会影响后面程序的执行,但他本身是可以执行的


  var item = document.querySelectorAll('.item')
        console.log(item)
        for (var i = 0; i <= item.length; i++) {
            item[i].onclick = function(){
                alert('另一种类选择')
            }
        }

建议用事件委托
这里报错应该是你判断条件 <= ,这会导致最后一个的i == length,但是数组的下标是从0开始的,所以越界了 item[item.length] 是null