Как переключить класс у нескольких элементов?

Как прописать все классы в querySelector в одну строку, например

document.querySelector('.menu-class-a, menu-class-b,' menu-class-c).classList.toggle('active');

?

document.querySelector('.menu-mobile').onclick = function() {
  document.querySelector('.menu-class-a').classList.toggle('active');
  document.querySelector('.menu-class-b').classList.toggle('active');
  document.querySelector('.menu-class-c').classList.toggle('active');
};
  • Вопрос задан
  • 590 просмотров
Решения вопроса 1
v3shin
@v3shin
Веб-шаман
1. исправить опечатку в выборке элементов
2. использовать не querySelector, а querySelectorAll для выбора всех элементов, а не одного
3. выбрав все элементы, разбираться с ними поодиночке
document.querySelectorAll('.menu-class-a, .menu-class-b, .menu-class-c').forEach(elem => elem.classList.toggle('active'));
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
imko
@imko
Senior Scratch Developer
Ответ написан
Комментировать
sharp97
@sharp97
не фонтан но брызги есть
не проверял но по идеи всё окс должно быть, если с запятыми в падлу ему работать будет тогда прост пробелы поставь а запятые убери
const over = document.querySelectorAll('div.filter, div.chapalak_avtoru_voprosa, div.ninja_america, div.god_of_war');
			    for(var n = 0; n < over.length; n++) {
    over[n].classList.toggle('acho');
  }

const row = document.querySelector('.row , .kavo');
row.classList.toggle('color_swap');
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы