Gli ultimi tutorial di sviluppo web
 

HTML DOM lastElementChild Propery

<Oggetto Element

Esempio

Prendi il contenuto HTML dell'ultimo elemento figlio di un <ul> elemento:

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

Il risultato di x sarà:

Tea
Prova tu stesso "

Più "Try it Yourself" esempi di seguito.


Definizione e l'utilizzo

La proprietà firstElementChild restituisce l'ultimo elemento figlio dell'elemento specificato.

La differenza tra questa proprietà e lastChild , è che lastChild restituisce l'ultimo nodo figlio come un nodo elemento, un nodo di testo o di un nodo di commento (depending on which one's last) , mentre lastElementChild restituisce l'ultimo nodo figlio come un nodo elemento (ignores text and comment nodes) .

Questa proprietà è di sola lettura.

Suggerimento: Utilizzare la figli proprietà per restituire qualsiasi elemento figlio di un elemento specificato.

Suggerimento: per tornare il primo elemento figlio di un elemento specifico, utilizzare la firstElementChild proprietà.


Supporto browser

Proprietà
lastElementChild 2.0 9.0 3.5 4.0 10.0

Sintassi

element .lastElementChild

Dettagli tecnici

Valore di ritorno: Un oggetto Node, che rappresenta l'ultimo elemento figlio di un elemento, oppure null se non ci sono elementi figlio
DOM Version Nucleo Livello 3 Elemento Traversal

Esempi

Altri esempi

Esempio

Ottenere il nome del tag dell'ultimo elemento figlio di un <div> elemento:

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

Il risultato di x sarà:

SPAN
Prova tu stesso "

Esempio

Prendi il testo dell'ultimo elemento figlio di un <select> elemento:

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

Il risultato di x sarà:

Volvo
Prova tu stesso "

<Oggetto Element