Метод add объекта classList в JavaScript

Метод 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>