Proprietà HTML DOM lastElementChild
Esempio
Ottieni il contenuto HTML dell'ultimo elemento figlio di un elemento <ul>:
var x = document.getElementById("myList").lastElementChild.innerHTML;
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà lastElementChild restituisce l'ultimo elemento figlio dell'elemento specificato.
La differenza tra questa proprietà e lastChild , è che lastChild restituisce l'ultimo nodo figlio come nodo elemento, un nodo di testo o un nodo di commento (a seconda dell'ultimo), mentre lastElementChild restituisce l'ultimo nodo figlio come nodo elemento (ignora il testo e nodi di commento).
Questa proprietà è di sola lettura.
Suggerimento: utilizza la proprietà children per restituire qualsiasi elemento figlio di un elemento specificato.
Suggerimento: per restituire il primo elemento figlio di un elemento specificato, utilizzare la proprietà firstElementChild .
Supporto browser
| Property | |||||
|---|---|---|---|---|---|
| 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, o null se non sono presenti elementi figlio |
|---|---|
| Versione DOM | Attraversamento dell'elemento di livello 3 di base |
Altri esempi
Esempio
Ottieni il nome del tag dell'ultimo elemento figlio di un elemento <div>:
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Esempio
Ottieni il testo dell'ultimo elemento figlio di un elemento <select>:
var x = document.getElementById("mySelect").lastElementChild.text;