Atributo lastElementChild do elemento HTML DOM
- Página anterior lastChild
- Próxima página matches()
- Voltar para a camada superior Objeto Elements do DOM HTML
Definição e uso
lastElementChild
O atributo retorna o último elemento filho do elemento.
lastElementChild
Os atributos são apenas leitura.
Veja também:
Nós HTML e elementos
Em HTML DOMNo modelo de objeto de documento (DOM), o documento HTML é uma coleção de nós que possui (ou não possui) nós filhos.
Nórefere-se a nós de elemento, de texto e de comentário.
ElementoOs espaços entre eles também são nós de texto.
enquanto os elementos são apenas nós de elemento.
Nós e elementos filhos
childNodes RetornaFilho(nós de elemento, de texto e de comentário)。
children RetornaFilho(não retornam nós de texto e de comentário)。
firstChild e firstElementChild
firstChild Retorna o primeiroFilho(nós de elemento, de texto ou 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 de comentário)。
lastChild e lastElementChild
lastChild Retorna o últimoFilho(nós de elemento, de texto ou 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 de comentário)。
Exemplo
Exemplo 1
Obter o conteúdo HTML do último filho do elemento <ul>:
const element = document.getElementById("myList") let html = element.lastElementChild.innerHTML;
Exemplo 2
Obter o nome da tag do último filho do elemento <div>:
const element =document.getElementById("myDIV") let tag = element.lastElementChild.tagName;
Exemplo 3
Obter o texto do último filho do elemento <select>:
const element = document.getElementById("mySelect") let text = element.lastElementChild.text;
Sintaxe
element.lastElementChild
Retorno
Tipo | Descrição |
---|---|
Nó | O último filho do elemento. |
null | Se não houver filhos. |
Suporte do navegador
element.lastElementChild
é uma característica do DOM Level 3 (2004).
Todos os navegadores suportam completamente:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Suporte | 9-11 | Suporte | Suporte | Suporte | Suporte |
- Página anterior lastChild
- Próxima página matches()
- Voltar para a camada superior Objeto Elements do DOM HTML