Satu Kelas untuk Gaya dalam JavaScript

Katakan kita mempunyai dua kelas, yang kita berikan kepada elemen bergantung pada keadaannya:

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

Sebenarnya, kewujudan dua kelas di sini boleh mengganggu. Dalam kes ini, kita boleh menulis semula gaya seperti berikut melalui pemilih :not:

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

Dalam kes ini, kita boleh dengan cara yang mudah menogol kelas kita, menjadikan elemen aktif atau tidak aktif:

javascriptelem.classList.toggle('active');