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

element.firstElementChild;

Voorbeeld

Laten we de inhoud van het eerste child element ophalen:

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

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

console.log(text);

Resultaat van de code-uitvoering:

'1'

Voorbeeld

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

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

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

Resultaat van de code-uitvoering:

null

Zie ook

de eigenschap lastElementChild,
die het laatste element bevat
de eigenschap children,
die alle child elementen van het element bevat
de eigenschap firstChild,
die de eerste node bevat