Метод HTML DOM getElementsByClassName ()

примеров

Измените класс списка = "Пример" в классе = "ребенок" первого элемента (значение индекса 0) текста:

Список вар = document.getElementsByClassName ( "пример" ) [0];
list.getElementsByClassName ( "ребенок") [0 ] .innerHTML = "Молоко";

Изменить текст перед:

кофе
чай

После изменения текста:

молоко
чай

Попробуйте »

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

Метод getElementsByClassName () возвращает все элементы в документе указать имя класса коллекции, как объект NodeList.

NodeList объект представляет порядок списка узлов. Nodelist объект, который мы можем получить доступ к списку узлов (номер индекса, начиная с 0) через список узла индексным номером узла.

Совет: Вы можете использовать объект Nodelist в длину свойство для определения количества элементов по имени класса, а также различные элементы цикла , чтобы получить необходимые элементы.

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

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

способ
getElementsByClassName ()	4.0	9.0	3.0	3.1	9.5

грамматика

элемент .getElementsByClassName (имя_класса)

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

параметры	тип	описание
имя_класса	строка	Must. Классы элемента вам необходимо получить имя. Несколько имен классов, разделенных пробелами, такие как "тест демо".

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

DOM Версия:	Базовый уровень 1 Элемент объекта
Возвращаемое значение:	NodeList объект, представляющий элемент определяет имя класса коллекции. Порядок элементов в коллекции своего рода в порядке их появления в коде.

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

примеров

Изменить элемент <div> во втором классе = элементов "ребенок" цвета фона:

переменная х = document.getElementById ( "myDIV" );
x.getElementsByClassName ( "ребенок") [1 ] .style.backgroundColor = "красный";

Попробуйте »

примеров

См <DIV> элемент числа классов элементов = "ребенок" (используя свойство NodeList длины) являются:

переменная х = document.getElementById ( "myDIV" ) .getElementsByClassName ( "ребенок") .length;

х Выход:

Попробуйте »

примеров

Изменить класс = "пример" элементов в первом классе под названием цвет фона "ребенок" и элемент "цвет":

переменная х = document.getElementsByClassName ( "пример" ) [1];
x.getElementsByClassName ( "ребенок цвет") [ 0] .style.backgroundColor = "красный";

Попробуйте »

примеров

Изменить <DIV> элемент класса = "ребенок" всех элементов цвет фона:

переменная х = document.getElementById ( "myDIV" );
переменная у = x.getElementsByClassName ( "ребенок" );
вар я;
для (я = 0; я < y.length; я ++) {
у [я] .style.backgroundColor = "красный ";
}

Попробуйте »