Een Klas vir Stilering in JavaScript

Laat ons twee klasse hê wat ons aan 'n element gee afhangende van sy toestand:

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

Eintlik kan die teenwoordigheid van twee klasse hier steur. In hierdie geval kan ons die style so herskryf deur die :not selekteerder te gebruik:

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

Op hierdie manier kan ons op 'n gerieflike wyse ons klas wissel, deur die element aktief of nie-aktief te maak:

javascriptelem.classList.toggle('active');