MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Element.className

Описание

Свойство 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
Базовая поддержка (Да) (Да) (Да) (Да) (Да) (Да)

 

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

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

Метки документа и участники

 Внесли вклад в эту страницу: In4in
 Обновлялась последний раз: In4in,