Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM firstElementChild Propery

<Element Przedmiot

Przykład

Pobierz zawartość HTML pierwszego elementu potomnego <ul> element:

var x = document.getElementById("myList").firstElementChild.innerHTML;

Wynikiem X będzie:

Coffee
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Nieruchomość firstElementChild zwraca pierwszy element podrzędny określonego elementu.

Różnica między tym obiekcie i firstChild , że firstChild zwraca pierwszy węzeł dziecko jako węzeł elementu, węzła tekstowego lub węzła komentarza (depending on which one's first) , natomiast firstElementChild zwraca pierwszy węzeł dziecko jako węzeł elementu (ignores text and comment nodes) .

Ta właściwość jest tylko do odczytu.

Wskazówka: Użyj dzieci właściwość, aby powrócić dowolny element podrzędny określonego elementu. dzieci [0] będzie taki sam wynik jak firstElementChild.

Wskazówka: Aby powrócić ostatni element podrzędny określonego elementu, użyj lastElementChild nieruchomości.

Wsparcie przeglądarka

Nieruchomość
firstElementChild 2.0 9.0 3.5 4.0 10,0

Składnia

element .firstElementChild

Szczegóły techniczne

Zwracana wartość: Obiekt węzeł reprezentujący pierwszy element podrzędny elementu lub null, jeśli nie ma żadnych elementów podrzędnych
DOM Version Rdzeń Level 3 Element Traversal
Przykłady

Więcej przykładów

Przykład

Uzyskaj nazwę znacznika pierwszego elementu potomnego <div> element:

var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;

Wynikiem X będzie:

P
Spróbuj sam "

Przykład

Uzyskać tekst pierwszego elementu węźle <select> element:

var x = document.getElementById("mySelect").firstElementChild.text;

Wynikiem X będzie:

Audi
Spróbuj sam "

<Element Przedmiot