为什么我的onclick点击事件没有用啊？

Question

没觉得哪里有错啊，onclick事件不生效怎么好奇怪，可以告诉我为什么吗

Answer 1

引自免费微信小程序：皆我百晓生

从你的代码来看，问题可能在于你的循环变量声明以及循环的初始化部分。在图1和图2中，你的循环变量i没有初始化，这可能导致你的代码无法正常运行。在JavaScript中，变量在使用前必须被初始化。此外，你的循环条件也有问题，应该使用 i = 0 来初始化索引，并且在每次迭代后递增它。让我们修正这些问题并简化代码。

这是修正后的代码：

var items = document.getElementsByClassName("item");
for(var i = 0; i < items.length; i++){ 
    items[i].onclick = function() { 
        this.style.background='pink'; 
    }
}

请注意我做了以下几点更改：

1. 将 var i 更改为 var i = 0 以初始化索引。
2. 修改了循环条件以正确地遍历所有元素。

另外，你的代码中还有一个潜在的问题，那就是 getElementsByClassName 返回的是一个 HTMLCollection，而不是一个数组。虽然你可以像数组一样使用它（例如使用 length 属性），但它并不拥有数组的所有方法（例如 forEach）。因此，直接使用 for 循环遍历是更稳妥的方式。此外，请确保你的HTML页面中确实有类名为 "item" 的元素，否则 getElementsByClassName 将返回一个空集合，并且循环不会执行。