Beispiel
Holen Sie sich den HTML - Inhalt des ersten Kindes Element eines <ul> Element:
var x = document.getElementById("myList").firstElementChild.innerHTML;Das Ergebnis von x wird sein:
Coffee Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die firstElementChild Eigenschaft gibt das erste untergeordnete Element des angegebenen Elements.
Der Unterschied zwischen dieser Eigenschaft und firstchild , ist , dass first den ersten untergeordneten Knoten als ein Element Knoten zurückgibt, ein Textknoten oder einen Kommentarknoten (depending on which one's first) , (ignores text and comment nodes) (depending on which one's first) , während firstElementChild den ersten untergeordneten Knoten als ein Element Knoten zurückzugibt (ignores text and comment nodes) .
Diese Eigenschaft ist schreibgeschützt.
Tipp: Verwenden Sie die Kinder Eigenschaft jedes Kind - Element eines bestimmten Elements zurückzukehren. Kinder [0] wird das gleiche Ergebnis wie firstElementChild produzieren.
Tipp: Um das letzte Kind - Element eines bestimmten Elements zurückgeben, die Verwendung lastElementChild Eigenschaft.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Syntax
element .firstElementChildTechnische Details
| Rückgabewert: | Ein Knotenobjekt, repräsentiert das erste untergeordnete Element eines Elements oder null , wenn keine Kind - Elemente sind |
|---|---|
| DOM Version | Core Level 3 Element Traversal |
Mehr Beispiele
Beispiel
Holen Sie sich das Tag - Namen des ersten Kindes Element eines <div> Element:
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;Das Ergebnis von x wird sein:
P Versuch es selber " Beispiel
Holen Sie den Text des ersten Elements Knoten eines <select> Element:
var x = document.getElementById("mySelect").firstElementChild.text;Das Ergebnis von x wird sein:
Audi Versuch es selber "