Фоидаҳои услубидиҳӣ бо истифода аз синфҳои CSS дар JavaScript

Истифодаи синфҳо ба ҷои тағйири мустақими услубҳо як фоидаи дигар дорад. Ба осонӣ метавон кард, ки услубҳои унсурҳо алтернатсия (навбатӣ) шаванд.

Масалан, метавон кард, ки дар замоне ки аввалин бор рӯи абзас клик мекунанд, он ба ранги муайян ранг мешавад, ва дар замоне ки бори дигар клик мекунанд - ранги аслии худро бармегардонад. Барои ин фақат лозим аст, ки метод add ба метод toggle иваз карда шавад:

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

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