Exemplo
Obter o conteúdo HTML do último nó filho de um <ul> elemento:
var x = document.getElementById("myList").lastChild.innerHTML;O resultado x será:
Tea Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade lastChild retorna o último nó filho do nó especificado, como um objeto Node.
A diferença entre esta propriedade e lastElementChild , é que lastChild retorna o último nó filho como um nó de elemento, um nó de texto ou um nó comentário (depending on which one's last) , enquanto lastElementChild retorna o último nó filho como um nó de elemento (ignores text and comment nodes) .
Nota: Espaços em branco dentro elementos é considerada como texto, eo texto é considerado como nós (See "More Examples") .
Esta propriedade é somente leitura.
Dica: Use o .childNodes elemento propriedade para retornar qualquer nó filho de um nó especificado.
Dica: Para retornar o primeiro nó filho de um nó especificado, use o firstChild propriedade.
Suporte navegador
| Propriedade | |||||
|---|---|---|---|---|---|
| lastChild | sim | sim | sim | sim | sim |
Sintaxe
node .lastChildDetalhes técnicos
| Valor de retorno: | Um objeto Node, representando o último filho de um nó, ou null se não houver nós filhos |
|---|---|
| DOM Versão | Núcleo Nível Objeto 1 Node |
mais Exemplos
Exemplo
Neste exemplo, demonstramos como espaços em branco podem interfare com esta propriedade.
Obter o nome do nó do último nó filho de um <div> elemento:
<!--
Whitespace inside elements is considered as text, and text is
considered as nodes
In this example, there is whitespace before <p>,
before <span> and after <span>
Therefore, the last child
node of <div> is a #text node, and not the <span> element you expected
-->
<div id="myDIV">
<p>Looks
like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById( "myDIV" ).lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>O resultado x será:
#text Tente você mesmo " Exemplo
No entanto, se remover o espaço em branco a partir da fonte, não há nós de #text em <div>, o que tornará o <span> elemento o último nó filho:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById( "myDIV" ).lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>O resultado x será:
SPAN Tente você mesmo " Exemplo
Obter o texto do último nó filho de um <select> elemento:
var x = document.getElementById("mySelect").lastChild.text;O resultado x será:
Volvo Tente você mesmo " Páginas relacionadas
HTML DOM referência: nó. firstChild propriedade
HTML DOM referência: nó. childNodes propriedade
HTML DOM referência: nó. parentNode propriedade
HTML DOM referência: nó. nextSibling propriedade
HTML DOM referência: nó. previousSibling propriedade
HTML DOM referência: nó. nodeName propriedade