Как добавить событие щелчка в список элементов DOM, возвращаемых из querySelectorAll

Как выполнить итерацию NodeList и прикрепить прослушиватель событий к каждому элементу

Вы можете добавить прослушиватель событий ко всем элементам, возвращаемым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


Больше руководств по браузеру: