Метод add објекта classList
Метод add објекта
classList
омогућава додавање CSS класа елементу.
Синтакса
element.classList.add(class);
Пример
Додајмо елементу класу 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,
који наизменично укључује/искључује задату класу