CSS klašu izmantošanas priekšrocības stilosanā ar JavaScript

Klašu izmantošanas vietā tiešas stila izmaiņas ir vēl viena priekšrocība. Ar vienkāršu rokas kustību var panākt, ka elementu stili mainīsies pārmaiņus.

Piemēram, var izveidot tā, ka pirmajā klikšķī uz rindkopas tā iekrāsosies noteiktā krāsā, bet atkārtotā klikšķī - atgriezīsies savā sākotnējā krāsā. Lai to izdarītu, vienkārši metodi add nomainiet uz metodi toggle:

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

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