Руководство по DOM HTMLCollection

Объект HTMLCollection

Объект HTMLCollection является списком HTML-элементов, аналогичным массиву.

Методы, такие как getElementsByTagName(), возвращают HTMLCollection.

Атрибуты и методы

На объекте HTMLCollection можно использовать следующие атрибуты и методы:

Атрибут / Метод Описание
item() Возвращает элемент по указанному индексу в HTMLCollection.
length Возвращает количество элементов в HTMLCollection.
namedItem() Возвращает элемент HTMLCollection с указанным ID или именем.

Пример

Пример

Получить HTMLCollection:

var x = document.getElementsByTagName("P");
// Возвращает набор всех элементов P в документе

Попробуйте сами

Пример

Вывести количество элементов <p> в документе:

var x = document.getElementsByTagName("P");
document.write(x.length);

Попробуйте сами

Пример

Циклическое遍历 каждого элемента в HTMLCollection:

x = document.getElementsByTagName("*");
l = x.length;
for (i = 0; i < l; i++) {
  document.write(x[i].tagName + "<br>");
}

Попробуйте сами