如何对多个对象使用“ addEventsListener”

Question

[每次我尝试使用“ addEventListener”来选择所有3个组成“ ul”的“ li”时，都会收到一条消息，指出我的变量不是一个函数。

var lis = document.querySelectorAll("li");
lis.addEventListener
//i get 
lis.addEventListener is not a function

但是，如果我尝试单独选择每个“ li”，则效果很好。您能帮忙解决这个问题吗？提前非常感谢！

Answer 1

querySelectorAll将所有li元素保存到数组中。因此您必须遍历每个“ li”以添加事件侦听器。

document.querySelectorAll('li').forEach(li => {
  li.addEventListener('click', event => {
    //handle event here
  })
})