HTML DOM ClassList свойство

примеров

Для элемента <DIV>, чтобы добавить класс:

document.getElementById ( "myDIV") .classList.add ( "MyStyle");

Попробуйте »

Определение и использование

ClassList свойство возвращает имя класса элемента, как объект DOMTokenList.

Это свойство используется в элементе для добавления, удаления и переключения класса CSS.

ClassList свойство только для чтения, но вы можете использовать Add () и удалить () метод, чтобы изменить его.

Поддержка браузеров

Цифры в таблице представляют первый браузер для поддержки номер версии недвижимости.

свойство
ClassList	8.0	10,0	3.6	5.1	11.5

грамматика

элемент .classList

свойства

свойство	описание
длина	Возвращает номер класса списка классов Это свойство только для чтения

способ

способ	описание
добавить (class1, class2, ...)	Добавьте один или несколько имен классов в элементе. Если указанное имя класса уже существует, он не будет добавлять / TD>
содержит (класс)	Возвращает логическое значение, то определяется, является ли наличие указанного имени класса. Возможные значения: правда - элемент пакет уже содержит имя класса ложь - элемент не существует в имени класса
пункт (индекс)	Возвращает имя класса в значение индекса элемента. Значения индекса начинаются с нуля. Если значение индекса выходит за допустимые пределы диапазона или нуль
удалить (class1, class2, ...)	Удаление одного или нескольких элементов имени класса. Примечание: Удаление имени класса не существует, не жалуется.
переключение (класс, правда \| ложь)	Переключение имен классов в элементе. Первым параметром является имя класса, который вы хотите удалить элемент и возвращает ложь. Если имя класса не существует, то он добавит имена классов в элементе, и возвращает истину. Второй необязательный параметр представляет собой логическое значение, которое используется для установки, является ли обязательным для добавления или удаления категории, независимо от того, имя класса существует элемент. Например: Удалить класс: элемент .classList.toggle ( "classToRemove" , ложь); Добавьте класс: элемент .classList.toggle ( "classToAdd" , правда); Примечание: Internet Explorer или Opera 12 и более ранние версии не поддерживают второй параметр.

Техническое описание

Возвращает:	DOMTokenList, список имен класса содержит элементы

Другие примеры

примеров

Для элемента <div>, чтобы добавить больше категорий:

document.getElementById ( "myDIV") .classList.add ( "MyStyle", "anotherClass", "thirdClass");

Попробуйте »

примеров

Удалить класс для элемента <div>:

document.getElementById ( "myDIV") .classList.remove ( "MyStyle");

Попробуйте »

примеров

Для элемента <div>, чтобы удалить несколько классов:

document.getElementById ( "myDIV") .classList.remove ( "MyStyle", "anotherClass", "thirdClass");

Попробуйте »

примеров

Для элемента <DIV> для переключения категории:

document.getElementById ( "myDIV") .classList.toggle ( "newClassName");

Попробуйте »

примеров

Получить элемент имя класса <div>:

<DIV ID = "myDIV" класс = "MyStyle anotherClass thirdClass"> Я DIV элемент </ DIV>

переменная х = document.getElementById ( "myDIV" ) .classList;

х Выход:

MyStyle anotherClass thirdClass

Попробуйте »

примеров

Элемент См <DIV> имеет ряд имен классов:

переменная х = document.getElementById ( "myDIV" ) .classList.length;

х Выход:

Попробуйте »

примеров

Получить элемент <div> в имени класса (индекс 0):

переменная х = document.getElementById ( "myDIV" ) .classList.item (0);

х Выход:

MyStyle

Попробуйте »

примеров

См элемент существует категория "MyStyle":

переменная х = document.getElementById ( "myDIV" ) .classList.contains ( "MyStyle");

х Выход:

правда

Попробуйте »

примеров

См элемент существует "MyStyle" категории, если он присутствует другое название Вытащите класс:

переменная х = document.getElementById ( "myDIV" );

если (x.classList.contains ( "MyStyle") ) {
x.classList.remove ( "anotherClass");
} Else {
предупреждение ( "Не удалось найти его. ");
}

Попробуйте »