Akula1926
@Akula1926
Web-разрабочик

Как изменить фон у активной ссылки?

Будет 5 страниц и когда человек находится на главной, в навигационном меню у этого элемента (li) должен стоять фон. То есть элементу li должен присваиваться класс active когда человек находится на определенной странице.

Пример на картинке:

5f454c9a566ee708274198.png

HTML:

<ul class="nav-menu__list">
                  <li><a href="index.html" class="nav-menu__list-item">ГЛАВНАЯ</a></li>
                  <li><a href="" class="nav-menu__list-item">КАРТИНКИ</a></li>
                  <li><a href="comics.html" class="nav-menu__list-item">КОМИКСЫ</a></li> 
                  <li><a href="index.html" class="nav-menu__list-item">ВИДЕО</a></li>
                  <li><a href="index.html" class="nav-menu__list-item">ГИФКИ</a></li>
         </ul>
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ответы на вопрос 1
sniggering_deus
@sniggering_deus
Dance Gavin Dance - Prisoner
Если активный класс нужно добавлять "активной" ссылке, тогда:

document.querySelectorAll(".nav-menu__list-item").forEach((n) => {
  n.pathname === window.location.pathname
    ? n.classList.add("active")
    : n.classList.remove("active");
});


.active {
/* нужные стили */
}


Или если ссылка "активна", можно добавлять класс родителю ссылки, например используя parendNode.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
24 сент. 2020, в 02:31
700 руб./в час
24 сент. 2020, в 01:04
20000 руб./за проект
23 сент. 2020, в 23:49
500 руб./за проект