classList объектининг add методи
classList
объектининг add методи
элементга 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методи,
берилган классни алмаштиради
