Propriedade HTML DOM lastElementChild
Exemplo
Obtenha o conteúdo HTML do último elemento filho de um elemento <ul>:
var x = document.getElementById("myList").lastElementChild.innerHTML;
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade lastElementChild retorna o último elemento filho do elemento especificado.
A diferença entre esta propriedade e lastChild , é que lastChild retorna o último nó filho como um nó de elemento, um nó de texto ou um nó de comentário (dependendo de qual é o último), enquanto lastElementChild retorna o último nó filho como um nó de elemento (ignora texto e nós de comentário).
Esta propriedade é somente leitura.
Dica: Use a propriedade children para retornar qualquer elemento filho de um elemento especificado.
Dica: Para retornar o primeiro elemento filho de um elemento especificado, use a propriedade firstElementChild .
Suporte ao navegador
| Property | |||||
|---|---|---|---|---|---|
| lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintaxe
element.lastElementChild
Detalhes técnicos
| Valor de retorno: | Um objeto Node, representando o último elemento filho de um elemento, ou null se não houver elementos filho |
|---|---|
| Versão DOM | Travessia de Elementos de Nível 3 do Núcleo |
Mais exemplos
Exemplo
Obtenha o nome da tag do último elemento filho de um elemento <div>:
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Exemplo
Obtenha o texto do último elemento filho de um elemento <select>:
var x = document.getElementById("mySelect").lastElementChild.text;