Метод add објекта classList

Метод add објекта classList омогућава додавање 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>

Погледајте такође