classList objektiniň add metodi
classList
objektiniň add metodi
elementa CSS klasslary goşmaga mümkinçilik berýär.
Sintaksis
element.classList.add(class);
Mysal
Elementa kkk klasyny goşalyň:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Kodyň ýerine ýetiriliş netijesi:
<p id="elem" class="www ggg zzz kkk"></p>
Mysal
Elementa öňem bar bolan zzz
klasyny goşalyň - hiç zat bolmaz,
sebäbi klaslaryň dublikatlar goşulmaýar:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Kodyň ýerine ýetiriliş netijesi:
<p id="elem" class="www ggg zzz"></p>
Şeýle-de görüň
-
classList.removemetodi,
berlen klassy aýyrýar -
classList.containsmetodi,
berlen klassy barlap görýär -
classList.togglemetodi,
berlen klassy çalyşýar
