Fatal编程技术网
  • javascript/
  • Javascript 如何为div的每个元素添加eventlistener？

Javascript 如何为div的每个元素添加eventlistener？

javascript

Javascript 如何为div的每个元素添加eventlistener？,javascript,foreach,Javascript,Foreach,我正在尝试将EventListener添加到此div的每个元素。 但我似乎无法访问该分区的每个元素。 console.log可以将表打印为列表。 但在我尝试使用forEach方法之后，它显示了一个错误。 为什么会这样 let table=document.getElementsByClassName（'pixel'）； 控制台日志（表）； 表.forEach（项目=>{ console.log（项目） });表的返回值是HtmlCollection而不是数组，因此不能使用array.proto

我正在尝试将EventListener添加到此div的每个元素。 但我似乎无法访问该分区的每个元素。 console.log可以将表打印为列表。 但在我尝试使用forEach方法之后，它显示了一个错误。 为什么会这样

let table=document.getElementsByClassName（'pixel'）；
控制台日志（表）；
表.forEach（项目=>{
console.log（项目）

});
表的返回值是
HtmlCollection
而不是数组，因此不能使用
array.prototype.forEach
方法

相反，您可以像这样迭代div：

let table=document.getElementsByClassName（'pixel'）；
控制台日志（表）；
对于（表中的项目）{
控制台日志（项目）；
};


P1
P2

我已更改为for of方法。但奇怪的是。它仍然无法打印出结果。不过，这一次，它没有显示任何错误消息。您是否尝试过将
控制台.log换成实际添加处理程序？处理员在工作。是的，我试过了。它在w3c web编辑器和stack overflow的编辑器上工作。但在我把它放回代码后。奇怪的是，它不起作用。并且它不会显示错误消息。我正在使用chrome浏览器和node.js live服务器模块。不知道这是否会影响结果。我会找出哪里出了问题。我把剧本放在开头部分。脚本在HTML元素加载之前加载。