CSS-luokkien käytön etu JavaScriptissä

Luokkien käytöllä suoraan tyylien muuttamisen sijaan on toinenkin etu. Yhdellä käsillä liikkeellä voidaan saada aikaan, että elementtien tyylit vuorottelevat.

Esimerkiksi voidaan tehdä niin, että ensimmäisellä klikkauksella kappale värjäytyy tiettyyn väriin, ja toisella klikkauksella se palauttaa alkuperäisen värinsä. Tätä varten tarvitsee vain vaihtaa metodi add metodiksi toggle:

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

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