Propriedade lastChild do HTML DOM

Objeto Elemento do HTML DOM

lastChildAtributo de leitura que retorna o último filho do nó especificado como um objeto Node.

Se o nó especificado não tiver filhos, este método retornaráVazioValor.

Os espaços dentro do elemento são considerados texto, e o texto é considerado um nó. Os comentários também são considerados nós.

Para evitar problemas com lastChild retornando nodos #text ou #comment, você pode usarlastElementChildRetorna apenas o último nó filho.

Para retornar o primeiro filho do nó especificado, usefirstChildAtributos.

Sintaxe:

node.lastChild

<div>
　　　<p>Este é o P na DIV na posição1um P</p>
　　　<p>Este é o P na DIV na posição2um P</p>
　　　<p>Este é o P na DIV na posição3um P</p>
</div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Mas, se removermos o espaço após o último elemento P, o valor retornado será o rótulo P e não #text:

<div>
　　　<p>Este é o P na DIV na posição1um P</p>
　　　<p>Este é o P na DIV na posição2um P</p>
　　　<p>Este é o P na DIV na posição3um P</p></div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Compatibilidade do Navegador

A propriedade lastChild é completamente suportada por todos os navegadores:

Detalhes Técnicos

Referências Relacionadas

Referência do HTML DOM:node Propriedade .firstChild

Referência do HTML DOM:node Propriedade .childNodes

Referência do HTML DOM:node Propriedade .parentNode

Referência do HTML DOM:node Propriedade .nextSibling

Referência do HTML DOM:node Propriedade .previousSibling

Referência do HTML DOM:node Propriedade .nodeName

Objeto Elemento do HTML DOM