HTML DOM Element lastChild 属性

定义和用法

lastChild 属性返回指定节点的最后一个子节点，以 Node 对象。

lastChild 属性是只读的。

注意

lastChild 返回的是这些子节点：元素节点、文本节点或注释节点。

元素之间的空白也是文本节点。

替代方案：

lastElementChild 属性 - lastElementChild 属性返回最后一个子元素（忽略文本和注释节点）。

另请参阅：

childNodes 属性

firstChild 属性

nextSibling 属性

previousSibling 属性

节点属性

parentNode 属性

nodeName 属性

nodeType 属性

nodeValue 属性

HTML 节点与元素

在 HTML DOM（文档对象模型）中，HTML 文档是拥有（或没有）子节点的节点集合。

Nó指的是元素节点、文本节点和注释节点。

元素之间的空白也是文本节点。

而元素只是元素节点。

子节点与子元素

childNodes RetornaFilho（元素节点、文本节点和注释节点）。

children RetornaFilho（而非文本和注释节点）。

firstChild e firstElementChild

firstChild Retorna o primeiroFilho（Nó de elemento, nó de texto ou nó de comentário). Os espaços entre elementos também são nós de texto.

firstElementChild Retorna o primeiroFilho（Não retorna nós de texto e nós de comentário).

lastChild e lastElementChild

lastChild Retorna o últimoFilho（Nó de elemento, nó de texto ou nó de comentário). Os espaços entre elementos também são nós de texto.

lastElementChild Retorna o últimoFilho（Não retorna nós de texto e nós de comentário).

Exemplo

Exemplo 1

Retorna o conteúdo HTML do último filho do elemento <ul>:

document.getElementById("myList").lastChild.innerHTML;

Experimente você mesmo

Exemplo 2

Obter o texto do último filho do elemento <select>:

let text = document.getElementById("mySelect").lastChild.text;

Experimente você mesmo

Exemplo 3

Este exemplo demonstra a interferência dos espaços, tentando obter o nome do nó do último filho do "myDIV":

<div id="myDIV">
  <p>Parece primeiro filho</p>
  <p>Parece último Filho</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Experimente você mesmo

Exemplo 4

Mas, se você remover os espaços do código-fonte, não há nó #text no "myDIV":

<div id="myDIV"><p>Primeiro filho</p><p>Último Filho</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Experimente você mesmo

Sintaxe

element.lastChild

ou

node.lastChild

Retorno

Tipo Descrição
Nó O último nó filho do nó.
null Se não houver filhos.

Suporte do navegador

element.lastChild É uma característica do DOM Level 1 (1998).

Todos os navegadores suportam completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte 9-11 Suporte Suporte Suporte Suporte