Metoda add objektu classList

Metoda add objektu classList umožňuje přidávat CSS třídy prvku.

Syntaxe

javascriptelement.classList.add(class);

Příklad

Přidejme prvku třídu kkk:

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

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

Výsledek provedení kódu:

html<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í:

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

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

Výsledek provedení kódu:

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

Viz také