Výhody štýlovania pomocou CSS tried v JavaScripte

Používanie tried namiesto priamej zmeny štýlov má ešte jednu výhodu. Jednoduchým pohybom ruky možno docieliť, aby sa štýly prvkov striedali.

Napríklad, je možné docieliť, aby sa pri prvom kliku na odsek zafarbil na určitú farbu, a pri opakovanom kliknutí - vrátil späť svoju pôvodnú farbu. Na to stačí jednoducho metódu add zmeniť na metódu toggle:

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

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