getElementsByTagName()
Обновлено: 19.03.2023
Визначення та використання
Метод getElementsByTagName()повертає набір дочірніх елементів із заданим іменем тегу.
Метод getElementsByTagName()повертає HTMLCollection .
Приклади
Змініть HTML-вміст першого елемента <li> у списку:
const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";Кількість елементів <p> у "myDIV":
const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";Змініть розмір шрифту другого елемента <p> у «myDIV»:
const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";NodeList
NodeList — це колекція (список) вузлів у вигляді масиву .
До вузлів у списку можна отримати доступ за індексом. Індекс починається з 0.
Довжина Poperty повертає кількість вузлів у списку.
Синтаксис
element.getElementsByTagName(tagname)
Параметри
| Параметр | Опис |
| tagname | Вимагається. Тег дочірніх елементів. |
Повернене значення
| Тип | опис |
| NodeList | Дочірні елементи елемента з заданим тегом. Елементи сортуються так, як вони представлені у вихідному коді. |