Метад add аб'екта classList
Метад add аб'екта
classList
дазваляе дадаваць 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,
які чаргуе зададзены клас