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>

Ошондой эле караңыз