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

javascriptelemento.lastElementChild;

Esempio

Otteniamo il contenuto dell'ultimo figlio dell'elemento:

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

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

console.log(text);

Risultato dell'esecuzione del codice:

javascript'2'

Esempio

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

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

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

Risultato dell'esecuzione del codice:

javascriptnull

Vedi anche