Metoda add e objektit classList

Metoda add e objektit classList lejon shtimin e klasave CSS në një element.

Sintaksa

javascriptelement.classList.add(class);

Shembull

Le të shtojmë klasën kkk në element:

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

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

Rezultati i ekzekutimit të kodit:

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

Shembull

Le të shtojmë klasën zzz në element, e cila ekziston tashmë në element - asgjë nuk do të ndodhë, pasi dyfishimet e klasave nuk shtohen:

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

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

Rezultati i ekzekutimit të kodit:

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

Shihni gjithashtu