classList objektiniň add metodi

classList objektiniň add metodi elementa CSS klasslary goşmaga mümkinçilik berýär.

Sintaksis

javascriptelement.classList.add(class);

Mysal

Elementa kkk klasyny goşalyň:

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

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

Kodyň ýerine ýetiriliş netijesi:

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

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

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

Kodyň ýerine ýetiriliş netijesi:

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

Şeýle-de görüň