如何將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初學者手冊


更多瀏覽器教程: