Объект JavaScript

Справочник JavaScript

JS DOM справочник

Объект элемента HTML DOM Объект документа HTML DOM

Метод HTML DOM getElementsByClassName()

getElementsByClassName()Метод может получить элементы с указанным значением класса и вернуть набор.

Элементы в списке возвращаются в порядке их появления в исходном коде.

Элементы в возвращаемом списке можно получить по индексу. Начало индексации с 0.

Использование массиваlengthСвойство определяет количество элементов с указанным именем класса, после чего можно пройтись по всем элементам и извлечь необходимую информацию.

Синтаксис:

document.getElementsByClassName(class)

Пример

var x = document.getElementsByClassName("demo");

Проверьте, пожалуйста‹/›

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

Метод getElementsByClassName() полностью поддерживается всеми браузерами:

Метод
getElementsByClassName()	Да	Да	Да	Да	Да

Значение параметра

Параметр	Описание
class	Строка, представляющая имя класса элемента, который нужно получить. Чтобы suchen несколько имен классов, разделите их пробелом, например, «demo color».

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

Возвратное значение:	Возвращает объект подобный массиву, содержащий все подэлементы с заданными именами классов.
Версия DOM:	Уровень DOM 1

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

Получите все элементы с помощью классов "demo" и "color":

Пример

var x = document.getElementsByClassName("demo color");

Проверьте, пожалуйста‹/›

Измените цвет фона всех элементов с помощью class="demo":

Пример

var x = document.getElementsByClassName("demo");
for(let i = 0; i < x.length; i++) {
　　　x[i].style.backgroundColor = "coral";
}

Проверьте, пожалуйста‹/›

См. также

DOM Document querySelector()Методы

DOM Document querySelectorAll()Методы

DOM Document getElementById()Методы

DOM Document getElementsByTagName()Методы

Объект Document HTML DOM

Объект элемента HTML DOM Объект документа HTML DOM