Atributo lastChild de HTML DOM

Objeto Elemento de HTML DOM

lastChildAtributo de solo lectura que devuelve el último hijo del nodo especificado como un objeto Node.

Si el nodo especificado no tiene nodos hijos, este método devolveráVacíoValor.

Los espacios en blanco dentro de los elementos se consideran texto, y el texto se considera un nodo. Los comentarios también se consideran nodos.

Para evitar el problema de que lastChild devuelva un nodo #text o #comment, puede usarlastElementChildSólo devuelve el último elemento nodo.

Para obtener el primer hijo del nodo especificado, utilicefirstChildAtributos.

Sintaxis:

node.lastChild

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

Pero, si eliminamos el espacio después del último elemento P, el valor devuelto será el elemento P en lugar de #text:

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

Compatibilidad del navegador

El atributo lastChild es completamente compatible con todos los navegadores:

Detalles técnicos

Referencias relacionadas

Referencia de HTML DOM:nodo propiedad .firstChild

Referencia de HTML DOM:nodo propiedad .childNodes

Referencia de HTML DOM:nodo propiedad .parentNode

Referencia de HTML DOM:nodo propiedad .nextSibling

Referencia de HTML DOM:nodo propiedad .previousSibling

Referencia de HTML DOM:nodo propiedad .nodeName

Objeto Elemento de HTML DOM