Метад add аб'екта classList

Метад add аб'екта classList дазваляе дадаваць CSS класы элементу.

Сінтаксіс

javascriptэлемент.classList.add(клас);

Прыклад

Дадамо элементу клас 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>

Глядзіце таксама