Eigenschap firstElementChild

De eigenschap firstElementChild bevat het eerste child element. Child elementen zijn alle tags die zich direct in de block bevinden. Als het element geen child elementen heeft - wordt null geretourneerd.

Syntaxis

javascriptelement.firstElementChild;

Voorbeeld

Laten we de inhoud van het eerste child element ophalen:

html<div id="parent">
  <p>1</p>
  <p>2</p>
</div>

javascriptlet parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

Resultaat van de code-uitvoering:

javascript'1'

Voorbeeld

Nu heeft het element geen child elementen en daarom wordt null weergegeven:

html<div id="parent"></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

Resultaat van de code-uitvoering:

javascriptnull

Zie ook