Fordelen med styling med CSS-klasser i JavaScript

Bruk av klasser i stedet for å endre stiler direkte har en annen fordel. Med en enkel bevegelse kan du gjøre slik at stilene på elementene veksler.

For eksempel kan du gjøre slik at ved første klikk på et avsnitt får den en bestemt farge, og ved gjentatt klikk - returnerer til sin opprinnelige farge. For å gjøre dette trenger du bare å bytte ut metoden add med metoden toggle:

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

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