Privalumas stilizuoti naudojant CSS klases JavaScript

Klasių naudojimas vietoje tiesioginio stilių keitimo turi dar vieną privalumą. Lengvu rankos judesiu galima pasiekti, kad elementų stiliai keistųsi pakaitomis.

Pavyzdžiui, galima padaryti taip, kad pirmu paspaudimu ant pastraipos ji nusidažytų tam tikra spalva, o paspaudus antrą kartą - grąžintų savo pradinę spalvą. Tam reikia tiesiog metodą add pakeisti į metodą toggle:

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

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