Ένα CSS class για στυλ στο JavaScript

Ας υποθέσουμε ότι έχουμε δύο CSS classes που δίνουμε σε ένα στοιχείο ανάλογα με την κατάστασή του:

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

Στην πραγματικότητα, η ύπαρξη δύο classes εδώ μπορεί να εμποδίζει. Σε αυτήν την περίπτωση μπορούμε να ξαναγράψουμε τα στυλ ως εξής μέσω του επιλογέα :not:

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

Σε αυτήν την περίπτωση, μπορούμε με βολικό τρόπο να εναλλάσσουμε το CSS class μας, κάνοντας το στοιχείο ενεργό ή μη ενεργό:

javascriptelem.classList.toggle('active');