Metod add objekta classList

Metod add objekta classList omogućava dodavanje CSS klasa elementu.

Sintaksa

javascriptelement.classList.add(class);

Primer

Dodajmo elementu klasu kkk:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

Rezultat izvršenja koda:

html<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:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('zzz');

Rezultat izvršenja koda:

html<p id="elem" class="www ggg zzz"></p>

Pogledajte takođe