Подскажите пожалуйста, стоит задача с помощью JavaScript, найти все ссылки с классом .button и выполнить по ним действие (вызов модального окна). querySelectorAll не помогает, т.к. классы судя по всему находятся в различных DOM ветвях. Как быть? Есть какие-то хаки или может чего-то очень недопонимаю?
html к примеру такой:
<header>
<a href="" class="button"></a>
</header>
<main>
<a href="" class="button"></a>
<a href="" class="button"></a>
<a href="" class="button"></a>
</main>
<footer>
<a href="" class="button"></a>
</footer>
JS
var link=document.querySelector(".button");
var popup = document.querySelector(".modal-window");
var close = document.querySelector(".close-form");
link.addEventListener("click", function(event) {
event.preventDefault();
popup.classList.add("modal-window-see");
}, false);
close.addEventListener("click", function(event) {
event.preventDefault();
popup.classList.remove("modal-window-see");
}, false);