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

elemento.lastElementChild;

Ejemplo

Obtengamos el contenido del último hijo del elemento:

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

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

console.log(text);

Resultado de la ejecución del código:

'2'

Ejemplo

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

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

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

Resultado de la ejecución del código:

null

Ver también

propiedad firstElementChild,
que contiene el primer elemento
propiedad children,
que contiene todos los descendientes del elemento
propiedad lastChild,
que contiene el último nodo