Përparësia e stilizimit me klasa CSS në JavaScript

Përdorimi i klasave në vend të ndryshimit të stileve directly ka edhe një përparësi tjetër. Me një lëvizje të lehtë të dorës mund të bësh që stilet e elementeve të alternohen.

Për shembull, mund të bësh që në klikimin e parë në paragraf ai të ngjyroset në një ngjyrë të caktuar, kurse në klikimin e përsëritur - të kthejë ngjyrën e tij origjinale. Për këtë duhet thjesht metodën add ta ndërrosh me metodën toggle:

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

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