Voordeel van Stilering met CSS Klasse in JavaScript

Die gebruik van klasse in plaas daarvan om style direct te verander het nog 'n voordeel. Met 'n ligte beweging van die hand kan jy veroorsaak dat die style van elemente afwissel.

Byvoorbeeld, jy kan dit so maak dat met die eerste kliek op 'n paragraaf dit in 'n sekere kleur kleur, en met 'n herhaalde kliek - sy oorspronklike kleur terugkry. Om dit te doen moet jy net die metode add verander na die metode toggle:

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

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