CSS-klassidega stiilide lisamise eelised JavaScriptis

Klasside kasutamisel otse stiilide muutmise asemel on veel üks eelis. Lihtsa käeliigutusega saab teha nii, et elementide stiilid vahelduvad.

Näiteks võib teha nii, et esimesel klõpsul punkti peal värvitakse see teatud värvi, ja teisel klõpsul - tagastab enda algse värvi. Selleks tuleb lihtsalt meetod add asendada meetodiga toggle:

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

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