Egenskaben firstElementChild

Egenskaben firstElementChild indeholder det første underordnede element. Underordnede elementer er alle tags, der er placeret direkte inde i blokken. Hvis elementet ikke har nogen underordnede elementer - returneres null.

Syntaks

element.firstElementChild;

Eksempel

Lad os få indholdet af elementets første barn:

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

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

console.log(text);

Resultatet af kodeudførelsen:

'1'

Eksempel

Nu har elementet ikke nogen underordnede elementer og derfor vil null blive vist:

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

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

Resultatet af kodeudførelsen:

null

Se også

egenskaben lastElementChild,
som indeholder det sidste element
egenskaben children,
som indeholder alle elementets børn
egenskaben firstChild,
som indeholder den første node