Kolekce JavaScript H TML DOM
Objekt HTMLCollection
Metoda getElementsByTagName()
vrací HTMLCollection
objekt.
Objekt HTMLCollection
je seznam (kolekce) prvků HTML podobný poli.
Následující kód vybere všechny <p>
prvky v dokumentu:
Příklad
const myCollection = document.getElementsByTagName("p");
K prvkům v kolekci lze přistupovat pomocí indexového čísla.
Pro přístup k druhému prvku <p> můžete napsat:
myCollection[1]
Poznámka: Index začíná na 0.
Délka HTML kolekce HTML
Vlastnost length
definuje počet prvků v HTMLCollection
:
Příklad
myCollection.length
Tato length
vlastnost je užitečná, když chcete procházet prvky v kolekci:
Příklad
Změňte barvu textu všech prvků <p>:
const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
HTMLCollection NENÍ pole!
HTMLCollection může vypadat jako pole, ale není.
Seznam můžete procházet a odkazovat na prvky číslem (stejně jako pole).
V HTMLCollection však nemůžete použít metody pole jako valueOf(), pop(), push() nebo join().