Objekto classList metodas add

Objekto classList metodas add leidžia pridėti CSS klases elementui.

Sintaksė

javascriptelement.classList.add(class);

Pavyzdys

Pridėkime elementui klasę kkk:

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

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

Kodo vykdymo rezultatas:

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

Pavyzdys

Pridėkime elementui klasę zzz, kuri jau yra elemente - nieko neatsitiks, nes dubliuojamos klasės nepridedamos:

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

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

Kodo vykdymo rezultatas:

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

Taip pat žiūrėkite