Propiedad lastElementChild

La propiedad lastElementChild almacena el último elemento hijo. Los elementos hijos son todas las etiquetas que se encuentran directamente dentro del bloque. Si el elemento no tiene hijos - devuelve null.

Sintaxis

javascriptelemento.lastElementChild;

Ejemplo

Obtengamos el contenido del último hijo del 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);

Resultado de la ejecución del código:

javascript'2'

Ejemplo

Ahora el elemento no tiene elementos hijos y por lo tanto se mostrará null:

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

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

Resultado de la ejecución del código:

javascriptnull

Ver también