Metod add objekta classList
Metod add objekta
classList
omogućava dodavanje CSS klasa elementu.
Sintaksa
element.classList.add(class);
Primer
Dodajmo elementu klasu kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Rezultat izvršenja koda:
<p id="elem" class="www ggg zzz kkk"></p>
Primer
Dodajmo elementu klasu zzz, koja
već postoji na elementu - ništa se neće desiti,
pošto se duplikati klasa ne dodaju:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Rezultat izvršenja koda:
<p id="elem" class="www ggg zzz"></p>
Pogledajte takođe
-
metod
classList.remove,
koji uklanja zadatu klasu -
metod
classList.contains,
koji proverava zadatu klasu -
metod
classList.toggle,
koji naizmenično dodaje/uklanja zadatu klasu
