Eine Klasse für Styling in JavaScript

Nehmen wir an, wir haben zwei Klassen, die wir einem Element in Abhängigkeit von seinem Zustand geben:

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

Tatsächlich kann das Vorhandensein von zwei Klassen hier störend sein. In diesem Fall können wir die Stile wie folgt umschreiben, und zwar über den Selektor :not:

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

Auf diese Weise können wir auf bequeme Weise unsere Klasse toggeln, um das Element aktiv oder inaktiv zu machen:

javascriptelem.classList.toggle('active');