HTML DOM firstElementChild- eigenschap
Voorbeeld
Haal de HTML-inhoud op van het eerste onderliggende element van een <ul>-element:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap firstElementChild retourneert het eerste onderliggende element van het opgegeven element.
Het verschil tussen deze eigenschap en firstChild , is dat firstChild het eerste onderliggende knooppunt retourneert als een elementknooppunt, een tekstknooppunt of een commentaarknooppunt (afhankelijk van welke de eerste is), terwijl firstElementChild het eerste onderliggende knooppunt retourneert als een elementknooppunt (negeert tekst en commentaarknooppunten).
Deze eigenschap is alleen-lezen.
Tip: Gebruik de eigenschap children om elk onderliggend element van een opgegeven element te retourneren. children[0] zal hetzelfde resultaat opleveren als firstElementChild.
Tip: Gebruik de eigenschap lastElementChild om het laatste onderliggende element van een opgegeven element te retourneren .
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntaxis
element.firstElementChild
Technische details
Winstwaarde: | Een Node-object, dat het eerste onderliggende element van een element vertegenwoordigt, of null als er geen onderliggende elementen zijn |
---|---|
DOM-versie | Core Level 3 Element Traversal |
Meer voorbeelden
Voorbeeld
Haal de tagnaam op van het eerste onderliggende element van een <div>-element:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Voorbeeld
Haal de tekst op van het eerste elementknooppunt van een <select> element:
var x = document.getElementById("mySelect").firstElementChild.text;