Prednost stilizacije korišćenjem CSS klasa u JavaScript-u

Korišćenje klasa umesto direktne promene stilova ima još jednu prednost. Jednim lakim pokretom ruke možemo postići da se stilovi elemenata izmenjuju.

Na primer, možemo učiniti da se prilikom prvog klika na paragraf on oboji u određenu boju, a prilikom ponovnog klika - vrati na svoju početnu boju. Za ovo je potrebno samo da se metod add zameni metodom toggle:

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

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