Javascript 如何在addEventListener中正确使用querySelectorAll

使用querySelectorAll方法的正确方法是什么？我只是想用类“.box”向每个div添加一个click事件，但它不起作用。我发现，如果我用“getElementById”替换该方法，并且只测试厨房盒子，那么这个方法就可以正常工作

document.queryselectoral（“.box”）.addEventListener（'click'，test）；
功能测试（）{
console.log（'hi'）；
}

---

document.querySelectorAll（）

返回一个节点列表对象，可以将其视为数组。

---

您必须在每个元素上循环并分别在每个元素上添加事件侦听器。

这非常简单，您只需在每个元素上循环并添加事件侦听器

document.querySelectorAll('.box').forEach(item => {
  item.addEventListener('click', event => {
    // Handle the click event here
  })
})

---

使用console.log查看

querySelectorAll

输出的内容。它将使您了解如何继续。