Метод getElementsByTagName()
Пример document.getElementsByTagName()
Получить все элементы с именем тега "li":
const collection = document.getElementsByTagName("li");
Попробуйте сами »
Получить все элементы в документе:
const collection = document.getElementsByTagName("*");
Попробуйте сами »
Измените внутренний HTML-код первого элемента <p> в документе:
document.getElementsByTagName("p")[0].innerHTML = "Привет, мир!";
Попробуйте сами »
Ещё примеры ниже.
Описание getElementsByTagName()
Метод getElementsByTagName() возвращает коллекцию всех элементов с указанным именем тега.
Метод getElementsByTagName() возвращает HTMLCollection.
Свойство getElementsByTagName() доступно только для чтения.
Примечание getElementsByTagName()
getElementsByTagName("*") returns all elements in the document.
HTMLCollection
HTMLCollection — это коллекция (список) HTML-элементов в виде массива.
Элементы в коллекции доступны по индексу (начинается с 0).
Свойство length возвращает количество элементов в коллекции.
Похожи на getElementsByTagName()
Синтаксис getElementsByTagName()
document.getElementsByTagName(tagname)
Параметры getElementsByTagName()
| Параметр | Описание |
|---|---|
| tagname | Обязательно. Имя тега элементов. |
Возвращаемое значение getElementsByTagName()
| Тип | Описание |
|---|---|
| Object | Объект HTMLCollection. Коллекция элементов с указанным именем тега. Элементы сортируются по мере их появления в документе. |
Ещё примеры getElementsByTagName()
Количество элементов <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";
}
Попробуйте сами »
Похожи на getElementsByTagName()
Справочник JavaScript: element.getElementsByTagName()
Учебник JavaScript: Список узлов JavaScript HTML DOM
Поддержка браузера getElementsByTagName()
document.getElementsByTagName() является функцией DOM уровня 1 (1998).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |