Метод getElementsByTagName()
Примеры element.getElementsByTagName()
Измените HTML-содержимое первого элемента <li> в списке:
const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Молоко";
Попробуйте сами »
Количество элементов <p> в "myDIV":
const element = document.getElementById("myDIV");
const nodes = element.getElementsByTagName("p");
let numb = nodes.length;
Попробуйте сами »
Измените размер шрифта второго элемента <p> в "myDIV":
const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";
Попробуйте сами »
Ещё примеры ниже.
Описание getElementsByTagName()
Метод getElementsByTagName() возвращает коллекцию дочерних элементов с заданным именем тега.
Метод getElementsByTagName() возвращает HTMLCollection.
Примечание getElementsByTagName()
Имя тега "*" возвращает все дочерние элементы.
Связные страницы getElementsByTagName()
NodeList
NodeList — это массивоподобная коллекция (список) узлов.
Доступ к узлам в списке осуществляется по индексу. Индекс начинается с 0.
Свойство length возвращает количество узлов в списке.
Синтаксис getElementsByTagName()
element.getElementsByTagName(tagname)
Параметры getElementsByTagName()
| Параметр | Описание |
|---|---|
| tagname | Обязательно. Имя тега дочерних элементов. |
Возвращаемое значение getElementsByTagName()
| Тип | Описание |
|---|---|
| NodeList | Дочерние элементы элемента с заданным тегом. Элементы сортируются так, как они отображаются в исходном коде. |
Ещё примеры getElementsByTagName()
Измените цвет фона всех элементов <p> внутри "myDIV":
const div = document.getElementById("myDIV");
const nodes = x.getElementsByTagName("P");
for (let i = 0; i < nodes.length; i++) {
nodes[i].style.backgroundColor = "red";
}
Попробуйте сами »
Измените цвет фона четвертого элемента (index 3) внутри "myDIV":
const div = document.getElementById("myDIV");
div.getElementsByTagName("*")[3].style.backgroundColor = "red";
Попробуйте сами »
Использование параметра "*".
Изменение цвета фона всех элементов внутри "myDIV":
const div = document.getElementById("myDIV");
const nodes = div.getElementsByTagName("*");
for (let i = 0; i < nodes.length; i++) {
nodes[i].style.backgroundColor = "red";
}
Попробуйте сами »
Поддержка браузера getElementsByTagName()
element.getElementsByTagName() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |