Vienos klasės naudojimas stilizavimui JavaScript

Tarkime, kad turime dvi klases, kurias suteikiame elementui priklausomai nuo jo būsenos:

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

Iš tikrųjų, dviejų klasių buvimas čia gali trukdyti. Tokiu atveju mes galime perrašyti stilius taip naudojant selektorių :not:

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

Tokiu atveju mes galime patogiu būdu perjungti mūsų klasę, padarydami elementą aktyvų arba neaktyvų:

javascriptelem.classList.toggle('active');