classList объектининг add методи

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

Ҳам қаранг