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

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

Синтаксис

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

Добавим элементу класс kkk:

let elem = document.querySelector('#elem');
elem.classList.add('kkk');

Результат выполнения кода:

Добавим элементу класс zzz, который уже есть в элементе - ничего не произойдет, так как дубли классов не добавляются:

let elem = document.querySelector('#elem');
elem.classList.add('zzz');

Результат выполнения кода: