Metóda add objektu classList
Metóda add objektu
classList
umožňuje pridávať CSS triedy prvku.
Syntax
element.classList.add(class);
Príklad
Pridajme prvku triedu kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Výsledok vykonania kódu:
<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ú:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Výsledok vykonania kódu:
<p id="elem" class="www ggg zzz"></p>
Pozrite tiež
-
metóda
classList.remove,
ktorá odstráni zadanú triedu -
metóda
classList.contains,
ktorá skontroluje zadanú triedu -
metóda
classList.toggle,
ktorá prepína zadanú triedu