Exemplo
Obter o conteúdo HTML do último elemento filho de um <ul> elemento:
var x = document.getElementById("myList").lastElementChild.innerHTML;
O resultado x será:
Tea
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade firstElementChild 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ó 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) .
Esta propriedade é somente leitura.
Dica: Utilize a crianças propriedade para retornar qualquer elemento filho de um elemento especificado.
Dica: Para retornar o primeiro elemento filho de um elemento especificado, use o firstElementChild propriedade.
Suporte navegador
Propriedade | |||||
---|---|---|---|---|---|
lastElementChild | 2,0 | 9 | 3,5 | 4.0 | 10.0 |
Sintaxe
element .lastElementChild
Detalhes técnicos
Valor de retorno: | Um objeto Node, o que representa o último elemento filho de um elemento, ou nulo, se não há elementos filhos |
---|---|
DOM Versão | Núcleo Nível 3 Elemento Traversal |
mais Exemplos
Exemplo
Obter o nome da marca do último elemento filho de um <div> elemento:
var x = document.getElementById( "myDIV" ).lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
O resultado x será:
SPAN
Tente você mesmo " Exemplo
Obter o texto do último elemento filho de um <select> elemento:
var x = document.getElementById("mySelect").lastElementChild.text;
O resultado x será:
Volvo
Tente você mesmo "