Документ HTML DOM getElementsByTagName()
Пример
Получить все элементы с именем тега «li»:
const collection = document.getElementsByTagName("li");
Получить все элементы в документе:
const collection = document.getElementsByTagName("*");
Измените внутренний HTML первого элемента <p> в документе:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Ниже приведены дополнительные примеры.
Определение и использование
Метод getElementsByTagName()
возвращает коллекцию всех элементов с указанным именем тега.
Метод getElementsByTagName()
возвращает HTMLCollection .
Свойство getElementsByTagName()
доступно только для чтения.
Примечание
getElementsByTagName("*")
возвращает все элементы в документе.
HTMLКоллекция
HTMLCollection — это коллекция узлов HTML.
Доступ к узлам в коллекции можно получить по порядковым номерам. Индекс начинается с 0.
Свойство length возвращает количество элементов в коллекции.
Смотрите также:
Метод документа getElementById()
Метод документа getElementsByClassName()
Метод Document querySelector()
Синтаксис
document.getElementsByTagName(tagname)
Параметры
Parameter | Description |
tagname | Required. The tagname of the elements. |
Возвращаемое значение
Тип | Описание |
Объект | Объект HTMLCollection . Коллекция элементов с указанным именем тега. Элементы сортируются по мере их появления в документе. |
Дополнительные примеры
Количество элементов <li> в документе:
let numb = document.getElementsByTagName("li").length;
Измените цвет фона всех элементов <p>:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Связанные страницы
Справочник по JavaScript: элемент .getElementsByTagName()
Учебное пособие по JavaScript: список узлов JavaScript HTML DOM
Поддержка браузера
document.getElementsByTagName()
является функцией DOM уровня 1 (1998 г.).
Он полностью поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |