Üks klass stiilimiseks JavaScriptis

Oletame, et meil on kaks klassi, mille me anname elemendile sõltuvalt selle olekust:

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

Tegelikult võib kahe klassi olemasolu siin olla takistuseks. Sel juhul saame kirjutada stiilid ümber järgmiselt läbi valija :not:

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

Sel juhul saame mugaval viisil 'lülitada' meie klassi, muutes elemendi aktiivseks või mitteaktiivseks:

javascriptelem.classList.toggle('active');