JavaScript H TML DOM-versamelings
Die HTMLCollection Object
Die getElementsByTagName()
metode gee 'n HTMLCollection
voorwerp terug.
'n HTMLCollection
Voorwerp is 'n skikking-agtige lys (versameling) van HTML-elemente.
Die volgende kode kies alle <p>
elemente in 'n dokument:
Voorbeeld
const myCollection = document.getElementsByTagName("p");
Die elemente in die versameling kan verkry word deur 'n indeksnommer.
Om toegang tot die tweede <p>-element te kry, kan jy skryf:
myCollection[1]
Let wel: Die indeks begin by 0.
HTML HTML Collection Lengte
Die length
eienskap definieer die aantal elemente in 'n HTMLCollection
:
Voorbeeld
myCollection.length
Die length
eienskap is nuttig wanneer jy deur die elemente in 'n versameling wil lus:
Voorbeeld
Verander die tekskleur van alle <p>-elemente:
const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
'n HTML-versameling is NIE 'n skikking nie!
'n HTMLCollection kan soos 'n skikking lyk, maar dit is nie.
Jy kan deur die lys loop en verwys na die elemente met 'n nommer (net soos 'n skikking).
U kan egter nie skikkingsmetodes soos valueOf(), pop(), push() of join() op 'n HTMLCollection gebruik nie.