Как получить все элементы через query querySelector?

Question

Как получить все элементы через query querySelector?

Gool Ученик (210), на голосовании 1 год назад

Как получить все элементы через query querySelector?
Могу зацепиться только за один line
Если пишу querySelectorAll, ошибка в консоли, что index.js:9 Uncaught TypeError: line.addEventListener is not a function

 let line = document.querySelectorAll(".line"); 
line.addEventListener("click", () => { 
  console.log("line"); 
});

Если без all, то

 let line = document.querySelector(".line"); 
line.addEventListener("click", () => { 
  console.log("line"); 
});

Так же пробовал через id, все тоже самое

Answer 1

Тут скорее всего дело в том, что в первом случае line - это массив элементов. Для массива нельзя добавить eventListener. Нужно добавлять eventListener для каждого элемента массива отдельно. В цикле, например

Answer 2

Это база.

 let line = document.querySelectorAll(".line"); 
 
line.forEach(el => {
   el.addEventListener('click'), (e) {
      console.log(e.target);
   }
}

 for (let el of line) el.addEventListener('click', (e) => { 
   console.log(e.target); 
})