Metoda add objekta classList
Metoda add objekta
classList
omogoča dodajanje CSS razredov elementu.
Sintaksa
element.classList.add(class);
Primer
Dodajmo elementu razred kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Rezultat izvajanja kode:
<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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Rezultat izvajanja kode:
<p id="elem" class="www ggg zzz"></p>
Glejte tudi
-
metoda
classList.remove,
ki odstrani določen razred -
metoda
classList.contains,
ki preverja določen razred -
metoda
classList.toggle,
ki preklaplja določen razred