HTML DOM атрибут className

Объект Element HTML DOM

classNameАтрибут устанавливает или возвращает значение класса элемента в виде строки.

Если указанный элемент не имеет атрибута класса или класс не установлен, то возвращаетсяnullСтрока.

Грамматика:

Вернуть атрибут className:

element.className

Установить атрибут className:

element.className = cName

document.getElementById("x").className = «para»;

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

Все браузеры полностью поддерживают атрибут className:

Значение属性

Технические детали

Более примеров

Вернуть имя класса первого элемента <div>:

var x = document.getElementsByTagName("div")[0].className;

Заменить существующее имя класса новым именем:

<div class="myDiv">Это элемент DIV</div>
<script>
var x = document.getElementsByTagName("div")[0];
x.className = «anotherClass»;
</script>

Чтобы добавить класс к элементу без замены существующего значения, вставьте пробел и новое имя класса:

<div class="myDiv">Это элемент DIV</div>
<script>
var x = document.getElementsByTagName("div")[0];
x.className += « anotherClass »;
</script>

Найти, имеет ли элемент <div> класс «shadow»:

var x = document.getElementsByTagName("div")[0];
if (x.className.indexOf("shadow") != -1) {
　　　alert("Yes... The DIV has 'shadow' class");
}
　　　alert("False");
}

См. также

Учебник CSS:Выборщики CSS

Референс CSS:CSS #idВыборщики

Референс CSS: CSS .class Выборщики

Референс JavaScript:Метод indexOf() строки

Референс HTML DOM:Свойство classList HTML DOM

Референс HTML DOM:Метод getElementsByClassName() HTML DOM

Референс HTML DOM:Метод getElementById() HTML DOM

Референс HTML DOM:Метод querySelector() HTML DOM

Объект Element HTML DOM