Как пофиксить скрипт?

Question

[vladislav997]

Имеется такой код:

<a href="https://google.com" class="some-link">tap1</a>
<a href="https://google.com" class="some-link">tap2</a>
<a href="https://google.com" class="some-link">tap3</a>

<script>
const link = document.querySelector('a.some-link');
link.addEventListener('click', event => {
  event.preventDefault();
  window.open(location.href);
  location.assign(link.href);
});
</script>

но отрабатывает он только для tap1. А для tap2 и tap3 не работает, хотя привязка к классу, а не айди. как пофиксить?

Answer 1

[McThinker]

querySelectorAll()

Comments

[vladislav997]

с querySelectorAll вообще не работает, даже тап1

[Леонид Князев]

vladislav997, Ну, так вы откройте документацию по методам querySelector и querySelectorAll и посмотрите, что они возвращают. Тогда поймёте почему не работает.

[edward_freedom]

vladislav997, потому что, querySelector возвращает returns the first Element, а querySelectorAll NodeList, то есть все нужные элементы