Metóda add objektu classList

Metóda add objektu classList umožňuje pridávať CSS triedy prvku.

Syntax

javascriptelement.classList.add(class);

Príklad

Pridajme prvku triedu kkk:

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

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

Výsledok vykonania kódu:

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

Príklad

Pridajme prvku triedu zzz, ktorá je už v prvku - nič sa nestane, pretože duplicitné triedy sa nepridávajú:

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

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

Výsledok vykonania kódu:

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

Pozrite tiež