JavaScript свойство Element.className

Определение и применение

JavaScript свойство className объекта Element задает значение атрибута class, или возвращает строковое значение этого атрибута, содержащее класс, или классы текущего элемента, разделенные пробелами.

Обращаю Ваше внимание на то, что использование свойства classList является удобной альтернативой доступа к списку классов элемента.

Свойство className также может быть экземпляром SVGAnimatedString, если элемент является элементом SVG (SVGElement). Лучше получить / установить имя класса элемента с помощью метода getAttribute() и setAttribute() объекта Element, если вы имеете дело с элементами SVG. Однако учтите, что метод getAttribute() возвращает null вместо "", если элемент имеет пустой атрибут класса.

Поддержка браузерами

Свойство	Chrome	Firefox	Opera	Safari	IExplorer	Edge
className	Да	Да	Да	Да	Да	Да

JavaScript синтаксис:

// получение классов элемента
const className = element.className;

// установка классов элемента
element.className = someClassName

Версия JavaScript

Пример использования

// инициализируем переменные
const elem = document.getElementsById("myElem"); // находим определенный элемент по id

if ( elem.className === "active" ) { // проверяем имеет ли элемент определенный класс 
    elem.className = "inactive"; // устанавливаем класс элементу
} else {
    elem.className = "active"  // устанавливаем класс элементу
}