This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

Element.className

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 2015 г.⁩.

Описание

Свойство className отвечает за значение атрибута class элемента.

Примечание: Кстати, у className есть большой брат. Его зовут element.classList - более мощный и функциональный метод для работы с классами элемента.

Синтаксис

var cName = elem.className;
elem.className = cName;
  • cName - строка. Если нужно указать несколько классов, они указываются через пробел.

Пример

<div class="booble example"> </div>
js
var elm = document.querySelector("div");

alert(elm.className); //"booble example"

elm.className = "class1 class2 class3";
alert(elm.className); //"class1 class2 class3"

Примечание: Свойство получило необычное название className из-за того, что во многих языках, работающих с DOM, слово class является зарезервированным*.*

Совместимость с браузерами

Спецификации

Смотрите также