Atributo lastElementChild del HTML DOM

Objeto Elemento DOM HTML

EllastElementChildAtributo de solo lectura que devuelve el último hijo del elemento padre especificado.

Si el elemento padre no tiene hijos, este método devolveránullvalor.

UsarchildrenAtributo que devuelve cualquier hijo del elemento padre especificado.

Para obtener el primer hijo del elemento padre especificado, utilicefirstElementChildAtributo.

Sintaxis:

ParentElement.lastElementChild

<div>
　　　<p>Este es el P dentro del DIV número1un P</p>
　　　<p>Este es el P dentro del DIV número2un P</p>
　　　<p>Este es el P dentro del DIV número3un P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Compatibilidad del navegador

Todos los navegadores admiten completamente el atributo lastElementChild:

Detalles técnicos

Más ejemplos

Obtener el contenido HTML del último hijo del elemento DIV:

<div>
　　　<p>Este es el P dentro del DIV número1un P</p>
　　　<p>Este es el P dentro del DIV número2un P</p>
　　　<p>Este es el P dentro del DIV número3un P</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Cambiar el contenido HTML del último hijo del elemento DIV:

var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";

Referencias relacionadas

Referencia DOM HTMLpropiedad firstElementChild

Objeto Elemento DOM HTML