classList ob'ektining add metodi

classList ob'ektining add metodi elementga CSS klasslarini qo'shish imkoniyatini beradi.

Sintaksis

javascriptelement.classList.add(klass);

Misol

Elementga kkk klassini qo'shamiz:

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

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

Kodni bajarish natijasi:

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

Misol

Elementga allaqachon mavjud bo'lgan zzz klassini qo'shamiz - hech narsa bo'lmaydi, chunki klasslar dublikatlari qo'shilmaydi:

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

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

Kodni bajarish natijasi:

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

Shuningdek qarang