Una classe per la stilizzazione in JavaScript

Supponiamo di avere due classi che assegniamo a un elemento in base al suo stato:

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

In realtà, la presenza di due classi qui potrebbe essere di intralcio. In questo caso possiamo riscrivere gli stili nel modo seguente tramite il selettore :not:

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

In questo modo possiamo alternare in modo conveniente la nostra classe, rendendo l'elemento attivo o inattivo:

javascriptelem.classList.toggle('active');