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

You can add an event listener to all the elements returned by a document.querySelectorAll() call by iterating over those results using the for..of loop:

您可以使用for..of循环遍历那些结果，从而将事件侦听器添加到document.querySelectorAll()调用返回的所有元素中：

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

It’s important to note that document.querySelectorAll() does not return an array, but a NodeList object.

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

You can iterate it with forEach or for..of, or you can transform it to an array with Array.from() if you want.

您可以使用forEach或for..of进行迭代，也可以根据需要使用Array.from()将其转换为数组。

翻译自: https://flaviocopes.com/add-click-event-to-dom-list/