Atrybut lastElementChild elementu HTML DOM

Definicja i użycie

lastElementChild Atrybut zwraca ostatni podwęzeł elementu.

lastElementChild Atrybuty są jedynie odczytywane.

Inne źródła:

属性的children

属性的firstElementChild

属性的childElementCount

属性的tagName

属性的childNodes

HTML węzły i elementy

W HTML DOMW (Dokument Object Model) HTML dokument jest zbiorem węzłów posiadających (lub nie posiadających) podwęzły.

Węzełoznacza węzły elementowe, węzły tekstowe i węzły komentarzy.

ElementBiałe przestrzenie 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 ZwracaPotomkiZamiast węzłów tekstowych i węzłów komentarzy.

firstChild i firstElementChild

firstChild Zwraca pierwszyPotomkiWęzły elementowe, węzły tekstowe lub węzły komentarzy. Białe przestrzenie między elementami są również węzłami tekstowymi.

firstElementChild Zwraca pierwszyPotomkiNie zwraca węzłów tekstowych ani węzłów komentarzy.

lastChild i lastElementChild

lastChild Zwraca ostatniPotomkiWęzły elementowe, węzły tekstowe lub węzły komentarzy. Białe przestrzenie między elementami są również węzłami tekstowymi.

lastElementChild Zwraca ostatniPotomkiNie zwraca węzłów tekstowych ani węzłów komentarzy.

Przykład

Przykład 1

Uzyskaj zawartość HTML ostatniego potomka elementu <ul>:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Spróbuj sam

Przykład 2

Uzyskaj nazwę etykiety ostatniego potomka elementu <div>:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Spróbuj sam

Przykład 3

Uzyskaj tekst ostatniego potomka elementu <select>:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Spróbuj sam

Gramatyka

element.lastElementChild

Zwrócona wartość

Typ Opis
Węzeł Ostatni potomek elementu.
null Brak dzieci.

Wspierane przeglądarki

element.lastElementChild jest cechą DOM Level 3 (2004).

Wszystkie przeglądarki wspierają to 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