Метод getElementsByClassName() HTML DOM

Объект Element HTML DOM

элемент.getElementsByClassName()Возвращает объект массива классов, содержащий все подэлементы с указанным именем класса. При вызове на объекте document он будет искать весь DOM-документ, включая корневой узел. Вы также можете вызывать метод getElementsByClassName() на любом элементе, и он вернет все подэлементы с указанным именем класса, являющиеся потомками текущего элемента.

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

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

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

Указанныйdocument.getElementsByClassName()Механизм работы методов в основном одинаков, только они действуют на весь документ, начиная с корневого узла.

Синтаксис:

element.getElementsByClassName(class)

var gBox = document.getElementById("greenBox");
gBox.getElementsByClassName("demo")[0].innerHTML = "Hello World";

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

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

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

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

Соответствующие ссылки

Учебник CSSГрамматика CSS

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

Референс HTML DOMсвойство className

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

Референс HTML DOMdocument.getElementsByClassName()Метод

Референс HTML DOMэлемент.getElementsByTagName()Метод

Объект Element HTML DOM