Jedna klasa do stylizacji w JavaScript

Załóżmy, że mamy dwie klasy, które nadajemy elementowi w zależności od jego stanu:

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

W rzeczywistości obecność dwóch klas tutaj może przeszkadzać. W takim przypadku możemy przepisać style w następujący sposób za pomocą selektora :not:

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

W tym przypadku możemy w wygodny sposób przełączać naszą klasę, czyniąc element aktywnym lub nieaktywnym:

javascriptelem.classList.toggle('active');