JavaScript-də CSS sinifləri ilə stil vermənin üstünlüyü

Stilə birbaşa dəyişdirmək əvəzinə siniflərdən istifadə etməyin daha bir üstünlüyü var. Əlın asan bir hərəkəti ilə elementlərin stillərinin növbələşməsini təmin etmək olar.

Məsələn, elə etmək olar ki, abzasa ilk klikdə o, müəyyən bir rəngə boyansın, təkrar klikdə isə öz ilkin rənginə qayıtsın. Bunun üçün sadəcə add metodunu toggle metodu ilə dəyişmək lazımdır:

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

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