Javascript单击功能仅适用于第一个元素

Question

我在Javascript中有一个简单的点击功能,我正在努力工作.我遇到的问题是click函数只适用于类的第一个元素,当你点击类的任何元素时我希望它触发.

const element = document.querySelector('.js-element')
if ( element ) element.addEventListener('click', function () {
    alert('click');
})

任何人都可以告诉我哪里出错了？

谢谢

Answer 1

要使用类将事件附加到所有元素,js-element您必须选择所有元素,querySelectorAll()然后使用循环迭代并附加事件,如下所示:

const element = document.querySelectorAll('.js-element')
if (element) {
  element.forEach(function(el){
     el.addEventListener('click', function () {
        alert('click');
     });
  });
}