Metoda add objekta classList

Metoda add objekta classList omogoča dodajanje CSS razredov elementu.

Sintaksa

javascriptelement.classList.add(class);

Primer

Dodajmo elementu razred kkk:

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

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

Rezultat izvajanja kode:

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

Primer

Dodajmo elementu razred zzz, ki že obstaja v elementu - ne bo se zgodilo nič, saj se dvojniki razredov ne dodajajo:

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

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

Rezultat izvajanja kode:

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

Glejte tudi