Как получить разметку ссылок?

Question

[Иван]

Получаю ссылки через querySelectorAll, но он возвращает nodeList, на который я не могу повесить обработчик событий. Как мне получить разметку ссылок? Пытался преобразовать в массив через Array.from(), но это не то

const nav__link = document.querySelectorAll('.header__menu-link'),
  htmlEl = document.body.parentNode,
  bodyEL = document.body;

  nav__link.addEventListener('click', function () {
//some code...
  });

Answer 1

[Артур Карапетян]

const nav__links = document.querySelectorAll('.header__menu-link'),
  htmlEl = document.body.parentNode,
  bodyEL = document.body;

  nav_links.forEach(function (nav_link) {
    nav__link.addEventListener('click', function () {
//some code...
    });
  })

Comments

[Иван]

на мозиле сказано, что

Не следует использовать конструкции for...in или for each...in для перечисления элементов списка. Эти способы также перечислят и свойства length и item, что приведёт к логическим ошибкам в случае, если скрипт ожидает только объекты node. Также for..in может перечислять свойства в любом порядке.

, в данном случае это не критично будет?

[Stalker_RED]

BenderIsGreat34, а он их и не использует.

[Сергей c0re]

BenderIsGreat34,

for in

- Это цикл, а forEach это метод перебирающий массив

Answer 2

[Stalker_RED]

или через делегирование

document.body.addEventListener('click', function(evt) {
  if (evt.target.matches('.header__menu-link')) {
    // wow!
    console.log(evt.target)
  }
})