Jedna klasa za stilizaciju u JavaScript-u

Pretpostavimo da imamo dve klase koje dodeljujemo elementu u zavisnosti od njegovog stanja:

cssdiv.active {
  color: red;
}
div.passive {
  color: black;
}

U stvari, prisustvo dve klase ovde može da smeta. U tom slučaju možemo da prepišemo stilove na sledeći način koristeći selektor :not:

cssdiv.active {
  color: red;
}
div:not(active) {
  color: black;
}

Na ovaj način možemo na zgodan način da prebacujemo (toggle) našu klasu, čineći element aktivnim ili neaktivnim:

javascriptelem.classList.toggle('active');