Metoda add objektu classList
Metoda add objektu
classList
umožňuje přidávat CSS třídy prvku.
Syntaxe
element.classList.add(class);
Příklad
Přidejme prvku třídu kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Výsledek provedení kódu:
<p id="elem" class="www ggg zzz kkk"></p>
Příklad
Přidejme prvku třídu zzz, která
u prvku již existuje - nic se nestane,
protože duplicitní třídy se nepřidávají:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Výsledek provedení kódu:
<p id="elem" class="www ggg zzz"></p>
Viz také
-
metoda
classList.remove,
která odstraní zadanou třídu -
metoda
classList.contains,
která ověří zadanou třídu -
metoda
classList.toggle,
která přepíná zadanou třídu
