DOM HTMLCollection Referentiemanual

HTMLCollection-objecten

HTMLCollection-objecten zijn lijsten van HTML-elementen die vergelijkbaar zijn met arrays.

Methoden zoals getElementsByTagName() retourneren een HTMLCollection.

Eigenschappen en methoden

De volgende eigenschappen en methoden kunnen worden gebruikt op de HTMLCollection-objecten:

Eigenschap / Methode Beschrijving
item() Retourneer het element op de opgegeven index in de HTMLCollection.
length Retourneer het aantal elementen in de HTMLCollection.
namedItem() Retourneer het element met het opgegeven ID of naam in de HTMLCollection.

Voorbeeld

Voorbeeld

Verkrijg de HTMLCollection:

var x = document.getElementsByTagName("P");
// Retourneer de verzameling van alle P-elementen in het document

Try it yourself

Voorbeeld

Geef het aantal <p>-elementen in het document weer:

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

Try it yourself

Voorbeeld

Doorlopende iteratie over elk element in de HTMLCollection:

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

Try it yourself