classList объектісінің add әдісі
classList
объектісінің add әдісі
элементке CSS сыныптарын қосуға мүмкіндік береді.
Синтаксис
элемент.classList.add(сынып);
Мысал
Элементке 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әдісі,
берілген сыныпты ауыстыратын
