Как правильно сравнить урл и подсветить ссылку в js?

Question

[Aaang]

Задача такая, когда пользователь заходить на страницу с одного из сайтов, должна быть проверка, и если урл сайт находит в списке городов ссылку а с нужным href - то добавляется стиль. В чем ошибка? Я так понимаю что я не могу взять .href через querySelectorAll.

const someHrefLink = document.querySelectorAll(".some-href-link").href;

if(document.location.href === someHrefLink.forEach(el => el.style.backgroundColor = 'red');

Как правильно реализовать данный код?

Answer 1

[Alex]

Я так понимаю что я не могу взять .href через querySelectorAll.

Потому, что querySelectorAll возвращает не элемент, а NodeList.

Вам нужно что-то в таком духе:

[...document.querySelectorAll(".some-href-link")].map(a => a.href) // Массив всех href

А для решения задачи, вам нужно проверять href в цикле, перебирая NodeList всех ссылок. И там же изменять стили

Comments

[Aaang]

Понял, сейчас попробую.