Kelebihan Penggayaan Menggunakan Kelas CSS dalam JavaScript

Penggunaan kelas berbanding mengubah gaya secara langsung mempunyai satu lagi kelebihan. Dengan gerakan tangan yang mudah, kita boleh menjadikan gaya elemen berselang-seli.

Sebagai contoh, kita boleh menjadikan apabila perenggan diklik buat kali pertama, ia akan berwarna dengan warna tertentu, dan apabila diklik sekali lagi - ia akan kembali kepada warna asal. Untuk melakukan ini, kita hanya perlu menukar kaedah add kepada kaedah toggle:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', function() {
    this.classList.toggle('colored');
  });
}