Én klasse for styling i JavaScript

La oss si at vi har to klasser som vi gir til et element avhengig av dets tilstand:

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

Egentlig kan tilstedeværelsen av to klasser her være til hinder. I dette tilfellet kan vi omskrive stilene som følger via selektoren :not:

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

På denne måten kan vi på en praktisk måte toggle klassen vår, og gjøre elementet aktivt eller inaktivt:

javascriptelem.classList.toggle('active');