HTML DOM getElementsByTagName()
Пример
Получить все элементы в документе с указанным именем тега:
var x =
document.getElementsByTagName("LI");
Попробуйте сами »
Ещё примеры "Попробуйте сами" ниже.
Определение и использование
Метод getElementsByTagName() возвращает коллекцию всех элементов в документе с указанным именем тега в качестве объекта HTMLCollection.
Объект HTMLCollection представляет собой коллекцию узлов. Доступ к узлам можно получить по индексным номерам. Индекс начинается с 0.
Совет: Значение параметра "*" возвращает все элементы в документе.
Совет: Вы можете использовать свойство length объекта HTMLCollection для определения количества элементов с указанным именем тега, затем вы можете перебирать все элементы и извлекать нужную информацию.
Поддержка браузера
The numbers in the table specifies the first browser version that fully supports the method.
| Метод | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
Синтаксис
document.getElementsByTagName(tagname)
Значения параметров
| Параметр | Тип | Описание |
|---|---|---|
| tagname | String | Требуемый. Название тега элементов, которые вы хотите получить |
Технические детали
| DOM Версия: | Основной уровень 1 объект документа |
|---|---|
| Возвращаемое значение: | Объект HTMLCollection, представляющий коллекцию элементов с указанным именем тега. Элементы в возвращаемой коллекции сортируются по мере их появления в исходном коде. |
Ещё примеры
Пример
Узнать, сколько элементов <li> содержится в документе (используя свойство length объекта HTMLCollection):
var x =
document.getElementsByTagName("LI").length;
Попробуйте сами »
Пример
Изменить HTML-содержимое первого элемента <p> (индекс 0) в документе:
document.getElementsByTagName("P")[0].innerHTML = "Hello World!";
Попробуйте сами »
Пример
Изменить цвет фона всех <p> элементов в документе:
var x = document.getElementsByTagName("P");
var i;
for (i = 0; i < x.length; i++) {
x[i].style.backgroundColor = "red";
}
Попробуйте сами »
Пример
Используйте параметр "*".
Получить все элементы в документе:
var x =
document.getElementsByTagName("*");
Попробуйте сами »
Связанные страницы
JavaScript Справочник: element.getElementsByTagName()
HTML DOM Справочник: HTMLCollection Объект
JavaScript Учебник: JavaScript HTML DOM Список узлов