Propriedade firstElementChild do HTML DOM

Objeto Elemento do HTML DOM

firstElementChildAtributo de leitura que retorna o primeiro filho do elemento pai especificado.

Se o elemento pai não tiver filhos, este método retornaránullo valor.

UsechildrenA propriedade children retorna qualquer filho do elemento pai. children [0] retornará o mesmo resultado que firstElementChild.

Para retornar o último filho do elemento pai especificado, uselastElementChildAtributo.

Sintaxe:

ParentElement.firstElementChild

<div>
　　　<p>Este é o P do DIV na posição1um P</p>
　　　<p>Este é o P do DIV na posição2um P</p>
　　　<p>Este é o P do DIV na posição3um P</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Compatibilidade do navegador

Todos os navegadores suportam completamente a propriedade firstElementChild:

Detalhes técnicos

Mais Exemplos

Obter o conteúdo HTML do primeiro filho do elemento DIV:

<div>
　　　<p>Este é o P do DIV na posição1um P</p>
　　　<p>Este é o P do DIV na posição2um P</p>
　　　<p>Este é o P do DIV na posição3um P</p>
</div>
<script>
var x = document.querySelector("div").firstElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Alterar o conteúdo HTML do primeiro filho do elemento DIV:

var div = document.querySelector("div");
div.firstElementChild.textContent = "HELLO WORLD";

Referências Relacionadas

Referência do HTML DOM:propriedade lastElementChild

Objeto Elemento do HTML DOM