HTML DOM Element lastElementChild property

Definition and usage

lastElementChild The property returns the last child element of the element.

lastElementChild The property is read-only.

See also:

children property

firstElementChild property

childElementCount property

tagName property

childNodes property

HTML node and element

In HTML DOMIn (Document Object Model), an HTML document is a collection of nodes that have (or do not have) child nodes.

NodoSi riferisce ai nodi di elemento, nodi di testo e nodi di commento.

ElementoGli spazi tra di loro sono anche nodi di testo.

mentre gli elementi sono solo nodi di elemento.

Nodi figli e figli elementi

childNodes RestituisceNodi figli（Nodo di elemento, nodo di testo e nodo di commento）.

children RestituisceFigli（Non nodi di testo e commenti）.

firstChild e firstElementChild

firstChild Restituisce il primoNodi figli（Nodo di elemento, nodo di testo o nodo di commento）. Gli spazi tra gli elementi sono anche nodi di testo.

firstElementChild Restituisce il primoFigli（Non restituisce nodi di testo e commenti）.

lastChild e lastElementChild

lastChild Restituisce l'ultimoNodi figli（Nodo di elemento, nodo di testo o nodo di commento）. Gli spazi tra gli elementi sono anche nodi di testo.

lastElementChild Restituisce l'ultimoFigli（Non restituisce nodi di testo e commenti）.

Esempio

Esempio 1

Ottieni il contenuto HTML dell'ultimo figlio dell'elemento <ul>:

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

Prova te stesso

Esempio 2

Ottieni il nome del tag dell'ultimo figlio dell'elemento <div>:

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

Prova te stesso

Esempio 3

Ottieni il testo dell'ultimo figlio dell'elemento <select>:

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

Prova te stesso

Sintassi

element.lastElementChild

Valore di ritorno

Tipo Descrizione
Nodo L'ultimo figlio dell'elemento.
null Se non ci sono figli.

Supporto del browser

element.lastElementChild È una caratteristica del DOM Level 3 (2004).

Tutti i browser lo supportano completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto