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");
});
  • Вопрос задан
  • 2011 просмотров
Решения вопроса 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");
	});
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
01 дек. 2020, в 04:48
229182 руб./за проект
30 нояб. 2020, в 03:19
25000 руб./за проект
01 дек. 2020, в 02:50
3000 руб./за проект