Javascript Click函数只对第一个元素起作用

这个 querySelector() 返回第一个元素

将事件附加到具有类的所有元素 js-element 必须使用 querySelectorAll()

而且,您不需要 如果 这里的情况。

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

querySelectorAll()

 const element = document.querySelectorAll('.js-element');
    if (element.length !== 0) {
      for (var i=0; i<element.length; i++) {
        element[i].addEventListener('click', function () {
          alert('click');
        });
      }
    }

元素方法querySelectorAll()返回一个静态(非活动)节点列表,表示与指定选择器组匹配的文档元素列表。