HTML DOM-document getElementsByTagName()
Voorbeeld
Verkrijg alle elementen met de tagnaam "li":
const collection = document.getElementsByTagName("li");
Krijg alle elementen in het document:
const collection = document.getElementsByTagName("*");
Wijzig de innerlijke HTML van het eerste <p> element in het document:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
Hieronder meer voorbeelden.
Definitie en gebruik
De getElementsByTagName()
methode retourneert een verzameling van alle elementen met een opgegeven tagnaam.
De getElementsByTagName()
methode retourneert een HTMLCollection .
De getElementsByTagName()
eigenschap is alleen-lezen.
Opmerking
getElementsByTagName("*")
geeft alle elementen in het document terug.
HTMLCollection
Een HTMLCollection is een verzameling HTML-knooppunten.
Knooppunten in een verzameling zijn toegankelijk via indexnummers. De index begint bij 0.
De eigenschap lengte retourneert het aantal elementen in de verzameling.
Zie ook:
De Document getElementById() methode
De Document getElementsByClassName() methode
De Document querySelector() Methode
Syntaxis
document.getElementsByTagName(tagname)
Parameters:
Parameter | Description |
tagname | Required. The tagname of the elements. |
Winstwaarde
Type | Beschrijving |
Object | Een HTMLCollection- object. Een verzameling elementen met een opgegeven tagnaam. De elementen worden gesorteerd zoals ze in het document worden weergegeven. |
Meer voorbeelden
Het aantal <li> elementen in het document:
let numb = document.getElementsByTagName("li").length;
Verander de achtergrondkleur van alle <p> elementen:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
Gerelateerde pagina's
JavaScript-referentie: element .getElementsByTagName()
JavaScript-zelfstudie: JavaScript HTML DOM-knooppuntlijst
Browserondersteuning
document.getElementsByTagName()
is een DOM Level 1 (1998)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |