JavaScript: Dodaj/usuń pojedynczą klasę na wielu elementach.

Question

Jak dodać/usunąć pojedynczą klasę na wielu elementach wybranych przez klasę.

W mojej konfiguracji Mam pewne zmienne buforowane nie robi rzeczy do siebie:

var classOne = document.querySelector(".class1"); 
var classTwo = document.querySelector(".class2"); 
var classThree = document.querySelector(".class3"); 
var classFour = document.querySelector(".class4"); 

ale jestem również stara się zrobić coś takiego:

var allClasses = [classOne, classTwo, classThree, classFour]; 

allClasses.classList.add("active"); 
allClasses.classList.remove("active"); 

nie wydaje ale działa.

Nie proszę jQuery.

Answer 1

Spróbuj tego:

var classOne = document.querySelector(".class1"); 
var classTwo = document.querySelector(".class2"); 
var classThree = document.querySelector(".class3"); 
var classFour = document.querySelector(".class4"); 

var allClasses = [classOne, classTwo, classThree, classFour]; 

allClasses.forEach(function(el) { 
    el.classList.add("active") 
})