HTML DOM Element firstElementChild atrybut

Definicja i użycie

firstElementChild Atrybut zwraca pierwszy element potomny określonego elementu.

firstElementChild Atrybut jest jedynie do odczytu.

firstElementChild Atrybut zwraca wartość children[0] Te same wartości.

Inne wskazówki:

children atrybut

childElementCount atrybut

lastElementChild atrybut

属性的tagName

属性的childNodes

Przykład

Przykład 1

Pobierz HTML zawartość pierwszego potomka:

let text = element.firstElementChild.innerHTML;

Spróbuj sam

Przykład 2

Pobierz nazwę tagu pierwszego potomka "myDIV":

let text = document.getElementById("myDIV").firstElementChild.tagName;

Spróbuj sam

Przykład 3

Pobierz tekst pierwszego potomka elementu <select>:

let text = document.getElementById("mySelect").firstElementChild.text;

Spróbuj sam

HTML węzły i elementy

W HTML DOMW Dokument Object Model (DOM) HTML dokument jest zbiorem węzłów (lub brak potomków).

WęzełOznacza zbiór węzłów elementowych, węzłów tekstowych i węzłów komentarzy.

ElementBiałe znaki między nimi są również węzłami tekstowymi.

a elementy to tylko węzły elementowe.

Potomki i potomki elementowe

childNodes ZwracaPotomkiWęzły elementowe, węzły tekstowe i węzły komentarzy.

children ZwracaPotomkiZwraca węzły elementowe (niezależnie od tego, czy są to węzły tekstowe lub węzły komentarzowe).

firstChild i firstElementChild

firstChild Zwraca pierwszyPotomkiWęzły elementowe, węzły tekstowe lub węzły komentarzy (w tym białe znaki między elementami).

firstElementChild Zwraca pierwszyPotomkiNie zwraca węzłów tekstowych i węzłów komentarzy (niezależnie od tego, czy są to węzły elementowe, tekstowe lub komentarzowe).

lastChild i lastElementChild

lastChild Zwraca ostatniPotomkiWęzły elementowe, węzły tekstowe lub węzły komentarzy (w tym białe znaki między elementami).

lastElementChild Zwraca ostatniPotomkiNie zwraca węzłów tekstowych i węzłów komentarzy (niezależnie od tego, czy są to węzły elementowe, tekstowe lub komentarzowe).

Gramatyka

element.firstElementChild

Zwracana wartość

Typ Opis
Node Pierwszy potomek elementu. Jeśli brak potomka, zwraca null.

Wspierane przeglądarki

element.firstElementChild To jest cecha DOM Level 3 (2004).

Wszystkie przeglądarki wspierają je w pełni:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Obsługiwane 9-11 Obsługiwane Obsługiwane Obsługiwane Obsługiwane