Господа, задача простая: повесить\забрать класс с массива ссылок. Нашёл код, где не пойму какую роль играет в while el
let elements = document.getElementsByClassName("maneMenu");
for (let i = 0; i < elements.length; i++) {
elements[i].onclick = function() {
let el = elements[0];
while (el) {
// вот здесь туплю
if (el.tagName === "A") {
el.classList.remove("active");
}
el = el.nextSibling;
}
this.classList.add("active");
}
}
<div class="icon-bar wrapper_menu">
<a class="maneMenu" href="#"></a>
<a class="maneMenu" href="#"></a>
<a class="maneMenu" href="#"></a>
</div>
Можете подсказать другие варианты реализации на JS?
let elements = document.getElementsByClassName("maneMenu");
for (let i = 0; i < elements.length; i++) {/*прокручиваем в цикле все элементы*/
elements[i].addEventListener('click', function() { /*при клике на элемент
*/
for (let i = 0; i < elements.length; i++) {
elements[i].classList.remove('active'); /*удаляем у всех class active*/
}
this.classList.add('active');/*добавляем class active по которому кликнули */
})
}
.active {
color: green;
}
<div class="icon-bar wrapper_menu">
<a class="maneMenu" href="#">1111</a>
<a class="maneMenu" href="#">2222</a>
<a class="maneMenu" href="#">3333</a>
</div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
как свертсать такую полосу, чтобы потом я так понимаю посредством логики(счетчика) она корректно продолжалась
1: Создал объект через конструктор и заменил свойство constructor в прототипе
Хотел бы узнать, что делает эта строка в условии if? Заранее больше спасибо за ответ :)
Задача: реализовать два поиска на одной странице, один поиск ищет в одном типе записей, другой во всех остальных, кроме первогоИспользовать...