如何将click事件添加到从querySelectorAll返回的DOM元素列表中

如何迭代NodeList并将事件侦听器附加到每个元素

您可以将事件监听器添加到由a返回的所有元素document.querySelectorAll()通过使用for..of环形:

const buttons = document.querySelectorAll("#select .button")
for (const button of buttons) {
  button.addEventListener('click', function(event) {
    //...
  })
}

重要的是要注意document.querySelectorAll()不返回数组,而是一个NodeList对象。

您可以使用进行迭代forEach或者for..of,也可以使用Array.from()如果你想。

免费下载我的JavaScript初学者手册


更多浏览器教程: