msvystun
@msvystun

Почему не работает querySelectorAll?

Почему не работает такой код? При нажатии на ссылку должен добавляться класс
По одному работает document.querySelector(".contacts-button-map"); а две вместе не хотят.

<a href="map.html" class="button contacts-button-map">КАК ПРОЕХАТЬ</a>
<a href="map.html" class="contacts-button-map" >КАК НАС НАЙТИ?</a>

var linkmap = document.querySelectorAll(".contacts-button-map");
linkmap.addEventListener("click", function(event){
	event.preventDefault();
	popupmap.classList.add("modal-show");
});
  • Вопрос задан
  • 3938 просмотров
Решения вопроса 2
agmegadeth
@agmegadeth
Веб-разработчик в дизайн студии
Это не jQuery - тут надо циклом пройтись по каждому элементу из linkmap и навесить обработчик.
Ответ написан
Комментировать
msvystun
@msvystun Автор вопроса
Может кому пригодится, получилось так:
<a href="map.html" class="button contacts-button-map">КАК ПРОЕХАТЬ</a> <!-- Кнопка 1 -->
<a href="map.html" class="contacts-button-map" >КАК НАС НАЙТИ?</a> <!-- Кнопка 2 -->

var linkmap = document.querySelectorAll(".contacts-button-map");
linkmap.forEach(function (entry) {
	entry.addEventListener("click", function (event){
		event.preventDefault();
		popupmap.classList.add("modal-show");
	});
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы