Objekto classList metodas add
Objekto
classList
metodas add
leidžia pridėti CSS klases elementui.
Sintaksė
element.classList.add(class);
Pavyzdys
Pridėkime elementui klasę kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Kodo vykdymo rezultatas:
<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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Kodo vykdymo rezultatas:
<p id="elem" class="www ggg zzz"></p>
Taip pat žiūrėkite
-
metodas
classList.remove,
kuris pašalina nurodytą klasę -
metodas
classList.contains,
kuris tikrina nurodytą klasę -
metodas
classList.toggle,
kuris kaitalioja nurodytą klasę
