Методот add на објектот classList
Методот add на објектот
classList
овозможува додавање на CSS класи на елемент.
Синтакса
element.classList.add(class);
Пример
Да додадеме класа kkk на елементот:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Резултат од извршувањето на кодот:
<p id="elem" class="www ggg zzz kkk"></p>
Пример
Да додадеме класа zzz на елементот, која
веќе постои на елементот - ништо нема да се случи,
бидејќи дупликати на класи не се додаваат:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Резултат од извршувањето на кодот:
<p id="elem" class="www ggg zzz"></p>
Погледнете исто така
-
методот
classList.remove,
кој го отстранува зададената класа -
методот
classList.contains,
кој ја проверува зададената класа -
методот
classList.toggle,
кој ја менува состојбата на зададената класа
