JavaScript HTML DOM Коллекции
Объект HTMLCollection
Метод getElementsByTagName() возвращает объект HTMLCollection.
Объект HTMLCollection представляет собой список (коллекцию) элементов HTML в виде массива.
Следующий код выбирает все элементы <p> в документе:
Пример
const myCollection = document.getElementsByTagName("p");
Доступ к элементам в коллекции можно получить по порядковому номеру.
Чтобы получить доступ ко второму элементу <p>, вы можете написать:
myCollection[1]
Попробуйте сами »
Примечание: Индекс начинается с 0.
HTML HTMLCollection Длина
Свойство length определяет количество элементов в HTMLCollection:
Свойство length полезно, когда вы хотите перебрать элементы в коллекции:
Пример
Измените цвет текста для всех <p> элементов:
const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
Попробуйте сами »
HTMLCollection НЕ ЯВЛЯЕТСЯ массивом!
Коллекция HTMLCollection может выглядеть как массив, но это не так.
Вы можете перемещаться по списку и ссылаться на элементы с помощью номера (как в массиве).
Однако нельзя использовать методы массива, такие как valueOf(), pop(), push() или join() в HTMLCollection.
