Prednost stilizacije s CSS razredi v JavaScriptu

Uporaba razredov namesto neposredne spreminjanje stilov ima še eno prednost. Z lahkoto lahko naredite, da se stili elementov izmenjujejo.

Na primer, lahko naredite tako, da se ob prvem kliku na odstavek obarva v določeno barvo, ob ponovnem kliku pa vrne prvotno barvo. Za to morate samo metodo add zamenjati z metodo toggle:

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

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