Fördelar med att använda CSS-klasser för styling i JavaScript

Att använda klasser istället för att ändra stilar direct har ytterligare en fördel. Med en enkel handrörelse kan man göra så att stilarna för elementen växlar.

Till exempel kan man göra så att vid första klicket på ett stycke får det en specifik färg, och vid upprepade klick - återfår sin ursprungliga färg. För att göra detta behöver man bara byta ut metoden add mot metoden toggle:

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

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