En klasse til styling i JavaScript

Lad os sige, at vi har to klasser, som vi giver til et element afhængigt af dets tilstand:

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

Faktisk kan tilstedeværelsen af to klasser her være til hinder. I dette tilfælde kan vi omskrive stylingene på følgende måde via selector :not:

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

På denne måde kan vi på en bekvem måde toggle vores klasse, hvilket gør elementet aktivt eller inaktivt:

javascriptelem.classList.toggle('active');