Propriedade firstChild do DOM HTML

Objeto Elemento do HTML DOM

firstChildA propriedade de leitura apenas retorna o primeiro filho do nó especificado como um objeto Node.

Se o nó especificado não tiver filhos, este método retornaráVazioValor.

Os espaços dentro do elemento são considerados texto, e o texto é considerado um nó. Os comentários também são considerados nós.

Para evitar o problema de que o firstChild retorna um nó #text ou #comment, você pode usarfirstElementChildApenas retorna o primeiro nó de elemento.

Para retornar o último filho do nó especificado, uselastChildAtributo.

Sintaxe:

node.firstChild

<div>
　　　<p>Este é o primeiro P dentro do DIV<1um P</p>
　　　<p>Este é o primeiro P dentro do DIV<2um P</p>
　　　<p>Este é o primeiro P dentro do DIV<3um P</p>
</div>
<script>
var x = document.querySelector("div").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Mas, se removemos o espaço entre o DIV e o primeiro elemento P, o valor retornado será o rótulo P em vez de #text:

<div><p>Este é o conteúdo dentro do DIV, o primeiro1um P</p>
　　　<p>Este é o primeiro P dentro do DIV<2um P</p>
　　　<p>Este é o primeiro P dentro do DIV<3um P</p>
</div>
<script>
var x = document.querySelector("div").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Compatibilidade do Navegador

A propriedade firstChild é completamente suportada por todos os navegadores:

Detalhes Técnicos

Referências Relacionadas

Referência do HTML DOM:node propriedade .lastChild

Referência do HTML DOM:node propriedade .childNodes

Referência do HTML DOM:node propriedade .parentNode

Referência do HTML DOM:node propriedade .nextSibling

Referência do HTML DOM:node propriedade .previousSibling

Referência do HTML DOM:node propriedade .nodeName

Objeto Elemento do HTML DOM