JavaScript HTML DOM Коллекции
Объект хтмлколлектион
Метод жетелементсбитагнаме () возвращает объект хтмлколлектион .
Объект хтмлколлектион представляет собой массив-подобный список (коллекция) элементов HTML.
В следующем коде выбираются все элементы <p> в документе:
Пример
var
x = document.getElementsByTagName("p");
Доступ к элементам коллекции возможен по индексному номеру.
Для доступа ко второму элементу <p> можно написать:
y = x[1];
Примечание: Индекс начинается с 0.
Длина хтмлколлектион HTML
Свойство length определяет количество элементов в хтмлколлектион:
Пример
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myCollection.length;
Пример объяснил:
- Создание коллекции всех элементов <p>
- Отображение длины коллекции
Свойство Length полезно, если требуется циклически использовать элементы в коллекции.
Пример
Изменить цвет фона для всех элементов <p>:
var myCollection = document.getElementsByTagName("p");
var i;
for (i = 0; i <myCollection.length; i++) {
myCollection[i].style.backgroundColor = "red";
}
Хтмлколлектион не является массивом!
Хтмлколлектион может выглядеть как массив, но это не так.
Можно пролистать список и ссылаться на элементы с числом (точно так же, как массив).
Однако нельзя использовать методы массива, такие как valueOf (), POP (), Push () или JOIN () в хтмлколлектион.