Есть желание присоединиться к интересным IT проектам? Смотри открытые вакансии.

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

JavaScript Element

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

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


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


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

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

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

JavaScript синтаксис:

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

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

Версия JavaScript

Document Object Model (DOM) Level 1

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

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

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

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.