getElementsByTagName()

Обновлено: 27.03.2023

Визначення та використання

Метод getElementsByTagName()повертає колекцію всіх елементів із вказаним іменем тегу.

Метод getElementsByTagName()повертає HTMLCollection .

Властивість getElementsByTagName()доступна лише для читання.

Примітка

getElementsByTagName("*")повертає всі елементи в документі.

приклад

Отримайте всі елементи з назвою тегу "li":

const collection = document.getElementsByTagName("li");

Отримати всі елементи в документі:

const collection = document.getElementsByTagName("*");

Змініть внутрішній HTML першого елемента <p> у документі:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

HTMLCollection

HTMLCollection — це колекція (список) елементів HTML у вигляді масиву .

До елементів колекції можна отримати доступ за індексом (починається з 0).

Властивість length повертає кількість елементів у колекції.

Синтаксис

document.getElementsByTagName(tagname)

Параметри

ParameterDescription
tagnameRequired.
The tagname of the elements.

Повернене значення

Типопис
Об'єктОб’єкт HTMLCollection .
Набір елементів із заданим іменем тегу.
Елементи сортуються так, як вони відображаються в документі.

Підтримка браузера

document.getElementsByTagName

Посмотреть совместимость на Can I use?

document.getElementsByTagName