tutoriais mais recente desenvolvimento web
 

HTML DOM firstElementChild Propery

<Elemento de objeto

Exemplo

Obter o conteúdo HTML do primeiro elemento filho de um <ul> elemento:

var x = document.getElementById("myList").firstElementChild.innerHTML;

O resultado x será:

Coffee
Tente você mesmo "

Mais "Try it Yourself" exemplos 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ó comentário (depending on which one's first) , enquanto firstElementChild retorna o primeiro 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. crianças [0] irá produzir o mesmo resultado que firstElementChild.

Dica: Para retornar o último elemento filho de um elemento especificado, use o lastElementChild propriedade.

Suporte navegador

Propriedade
firstElementChild 2,0 9 3,5 4.0 10.0

Sintaxe

element .firstElementChild

Detalhes técnicos

Valor de retorno: Um objecto do nó, que representa o primeiro elemento filho de um elemento, ou nulo se não houver elementos filho
DOM Versão Núcleo Nível 3 Elemento Traversal
Exemplos

mais Exemplos

Exemplo

Obter o nome da marca do primeiro elemento filho de um <div> elemento:

var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;

O resultado x será:

P
Tente você mesmo "

Exemplo

Obter o texto do primeiro nó de elemento de um <select> elemento:

var x = document.getElementById("mySelect").firstElementChild.text;

O resultado x será:

Audi
Tente você mesmo "

<Elemento de objeto