HTML DOM firstElementChild- Eigenschaft
Beispiel
Rufen Sie den HTML-Inhalt des ersten untergeordneten Elements eines <ul>-Elements ab:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die firstElementChild-Eigenschaft gibt das erste untergeordnete Element des angegebenen Elements zurück.
Der Unterschied zwischen dieser Eigenschaft und firstChild besteht darin, dass firstChild den ersten untergeordneten Knoten als Elementknoten, Textknoten oder Kommentarknoten zurückgibt (je nachdem, welcher der erste ist), während firstElementChild den ersten untergeordneten Knoten als Elementknoten zurückgibt (ignoriert text und Kommentarknoten).
Diese Eigenschaft ist schreibgeschützt.
Tipp: Verwenden Sie die Eigenschaft children , um ein beliebiges untergeordnetes Element eines angegebenen Elements zurückzugeben. children[0] erzeugt dasselbe Ergebnis wie firstElementChild.
Tipp: Um das letzte untergeordnete Element eines angegebenen Elements zurückzugeben, verwenden Sie die lastElementChild- Eigenschaft.
Browser-Unterstützung
| Property | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntax
element.firstElementChild
Technische Details
| Rückgabewert: | Ein Node-Objekt, das das erste untergeordnete Element eines Elements darstellt, oder null , wenn keine untergeordneten Elemente vorhanden sind |
|---|---|
| DOM-Version | Core Level 3 Elementdurchquerung |
Mehr Beispiele
Beispiel
Rufen Sie den Tag-Namen des ersten untergeordneten Elements eines <div>-Elements ab:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Beispiel
Rufen Sie den Text des ersten Elementknotens eines <select>-Elements ab:
var x = document.getElementById("mySelect").firstElementChild.text;