Propriedade HTML DOM firstElementChild
Exemplo
Obtenha o conteúdo HTML do primeiro elemento filho de um elemento <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade firstElementChild retorna o primeiro elemento filho do elemento especificado.
A diferença entre esta propriedade e firstChild , é que firstChild retorna o primeiro nó filho como um nó de elemento, um nó de texto ou um nó de comentário (dependendo de qual seja o primeiro), enquanto firstElementChild retorna o primeiro 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. children[0] produzirá o mesmo resultado que firstElementChild.
Dica: Para retornar o último elemento filho de um elemento especificado, use a propriedade lastElementChild .
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Sintaxe
element.firstElementChild
Detalhes técnicos
Valor de retorno: | Um objeto Node, representando o primeiro 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 primeiro elemento filho de um elemento <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Exemplo
Obtenha o texto do primeiro nó do elemento de um elemento <select>:
var x = document.getElementById("mySelect").firstElementChild.text;