Fordel ved styling med CSS-klasser i JavaScript

Brug af klasser i stedet for at ændre stile direkte har en yderligere fordel. Med en simpel bevægelse kan man gøre det sådan, at elementers stile skifter alternerende.

For eksempel kan man gøre det sådan, at ved første klik på et afsnit farves det i en bestemt farve, og ved et gentaget klik - returnerer det sin oprindelige farve. For at gøre dette skal du bare erstatte metoden add med metoden toggle:

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

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