HTML DOM Element firstElementChild propriedade

Definição e uso

firstElementChild A propriedade retorna o primeiro elemento filho do elemento especificado.

firstElementChild A propriedade é de leitura apenas.

firstElementChild A propriedade retorna com children[0] mesmos valores.

Por favor, consulte:

children propriedade

childElementCount propriedade

lastElementChild propriedade

Atributo tagName

Atributo childNodes

Exemplo

Exemplo 1

Obtém o conteúdo HTML do primeiro elemento filho:

let text = element.firstElementChild.innerHTML;

Experimente você mesmo

Exemplo 2

Obtém o nome do tipo do primeiro elemento filho de "myDIV":

let text = document.getElementById("myDIV").firstElementChild.tagName;

Experimente você mesmo

Exemplo 3

Obtém o texto do primeiro elemento filho do elemento <select>:

let text = document.getElementById("mySelect").firstElementChild.text;

Experimente você mesmo

Nós HTML e elementos

Em HTML DOM（Modelo de Objetos de Documento, DOM）, o documento HTML é uma coleção de nós que possui (ou não possui) nós filhos.

NóSe refere a nós de elemento, nós de texto e nós de comentário.

ElementoOs espaços em branco entre eles também são nós de texto.

Enquanto os elementos são apenas nós de elemento.

Nós filhos e elementos filhos

childNodes RetornaNós filhos（Nós de elemento, nós de texto e nós de comentário）.

children RetornaElementos filhos（Não retorna nós de texto e nós de comentário）.

firstChild e firstElementChild

firstChild Retorna o primeiroNós filhos（Nós de elemento, nós de texto ou nós de comentário）. Os espaços em branco entre elementos também são nós de texto.

firstElementChild Retorna o primeiroElementos filhos（Não retorna nós de texto e nós de comentário）.

lastChild e lastElementChild

lastChild Retorna o últimoNós filhos（Nós de elemento, nós de texto ou nós de comentário）. Os espaços em branco entre elementos também são nós de texto.

lastElementChild Retorna o últimoElementos filhos（Não retorna nós de texto e nós de comentário）.

Sintaxe

element.firstElementChild

Retorno

Tipo Descrição
Node O primeiro elemento filho do elemento. Se não houver filhos, retorna null.

Suporte do navegador

element.firstElementChild É 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