HTML DOM firstElementChild Property
Przykład
Pobierz zawartość HTML pierwszego elementu potomnego elementu <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość firstElementChild zwraca pierwszy element podrzędny określonego elementu.
Różnica między tą właściwością a firstChild polega na tym, że firstChild zwraca pierwszy węzeł potomny jako węzeł elementu, węzeł tekstowy lub węzeł komentarza (w zależności od tego, który z nich jest pierwszy), podczas gdy firstElementChild zwraca pierwszy węzeł potomny jako węzeł elementu (ignoruje tekst i komentarze).
Ta właściwość jest tylko do odczytu.
Wskazówka: Użyj właściwości children , aby zwrócić dowolny element podrzędny określonego elementu. children[0] da taki sam wynik jak firstElementChild.
Wskazówka: Aby zwrócić ostatni element podrzędny określonego elementu, użyj właściwości lastElementChild .
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Składnia
element.firstElementChild
Szczegóły techniczne
Wartość zwrotu: | Obiekt Node, reprezentujący pierwszy element podrzędny elementu lub null , jeśli nie ma elementów podrzędnych |
---|---|
Wersja DOM | Przechodzenie między elementami poziomu podstawowego |
Więcej przykładów
Przykład
Pobierz nazwę znacznika pierwszego elementu potomnego elementu <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Przykład
Pobierz tekst pierwszego węzła elementu elementu <select>:
var x = document.getElementById("mySelect").firstElementChild.text;