Методи add объекти classList
Методи add объекти
classList
имкон медиҳад, ки ба унсур CSS-классҳо илова кунед.
Синтаксис
element.classList.add(class);
Намуна
Ба унсур класси kkk илова кунем:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Натиҷаи иҷрои код:
<p id="elem" class="www ggg zzz kkk"></p>
Намуна
Ба унсур класси zzz илова кунем, ки
аллакай дар унсур мавҷуд аст - ҳеҷ чиз рӯй намедиҳад,
зеро нусхаҳои такрорӣ илова намешаванд:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Натиҷаи иҷрои код:
<p id="elem" class="www ggg zzz"></p>
Ҳамчунин бинед
-
методи
classList.remove,
ки класси додашударо нест мекунад -
методи
classList.contains,
ки класси додашударо месанҷад -
методи
classList.toggle,
ки класси додашударо алтернатив мекунад
