We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Описание

Свойство 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 является зарезервированным.

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Особенность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка (Да) (Да) (Да) (Да) (Да)
Особенность Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка (Да) (Да) (Да) (Да) (Да) (Да)

 

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

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

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

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