O clasă pentru stilizare în JavaScript

Să presupunem că avem două clase pe care le dăm unui element în funcție de starea sa:

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

De fapt, prezența a două clase aici poate fi încurcată. În acest caz putem rescrie stilurile în felul următor folosind selectorul :not:

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

În acest caz putem în mod convenabil să comutăm clasa noastră, făcând elementul activ sau inactiv:

javascriptelem.classList.toggle('active');