Proprietà lastElementChild

La proprietà lastElementChild contiene l'ultimo elemento figlio. Gli elementi figli sono tutti i tag che si trovano direttamente all'interno del blocco. Se l'elemento non ha elementi figli, viene restituito null.

Sintassi

elemento.lastElementChild;

Esempio

Otteniamo il contenuto dell'ultimo figlio dell'elemento:

<div id="parent">
	<p>1</p>
	<p>2</p>
</div>

let parent = document.querySelector('#parent');
let text = parent.lastElementChild.textContent;

console.log(text);

Risultato dell'esecuzione del codice:

'2'

Esempio

Ora l'elemento non ha elementi figli e quindi verrà visualizzato null:

<div id="parent"></div>

let parent = document.querySelector('#parent');
console.log(parent.lastElementChild);

Risultato dell'esecuzione del codice:

null

Vedi anche

proprietà firstElementChild,
che contiene il primo elemento
proprietà children,
che contiene tutti gli elementi figli
proprietà lastChild,
che contiene l'ultimo nodo