Методи add объекти classList

Методи add объекти classList имкон медиҳад, ки ба унсур CSS-классҳо илова кунед.

Синтаксис

javascriptelement.classList.add(class);

Намуна

Ба унсур класси kkk илова кунем:

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

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

Натиҷаи иҷрои код:

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

Намуна

Ба унсур класси zzz илова кунем, ки аллакай дар унсур мавҷуд аст - ҳеҷ чиз рӯй намедиҳад, зеро нусхаҳои такрорӣ илова намешаванд:

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

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

Натиҷаи иҷрои код:

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

Ҳамчунин бинед