Описание
Свойство className отвечает за значение атрибута class элемента.
Кстати, у className есть большой брат. Его зовут element.classList - более мощный и функциональный метод для работы с классами элемента.
Синтаксис
var cName = elem.className; elem.className = cName;
- cName - строка. Если нужно указать несколько классов, они указываются через пробел.
Пример
<div class="booble example"> </div>
var elm = document.querySelector("div");
alert(elm.className); //"booble example"
elm.className = "class1 class2 class3";
alert(elm.className); //"class1 class2 class3"
Заметка:
Свойство получило необычное название className из-за того, что во многих языках, работающих с DOM, слово class является зарезервированным.
Поддержка браузерами
| Особенность | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Базовая поддержка | (Да) | (Да) | (Да) | (Да) | (Да) |
| Особенность | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Базовая поддержка | (Да) | (Да) | (Да) | (Да) | (Да) | (Да) |