Satu Kelas untuk Styling di JavaScript

Misalkan kita memiliki dua kelas, yang kita berikan kepada elemen tergantung pada keadaannya:

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

Sebenarnya, keberadaan dua kelas di sini dapat mengganggu. Dalam hal ini, kita bisa menulis ulang gaya tersebut sebagai berikut melalui pemilih :not:

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

Dalam hal ini, kita dapat dengan mudah meng-toggle kelas kita, menjadikan elemen aktif atau tidak aktif:

javascriptelem.classList.toggle('active');