Egenskapen firstElementChild

Egenskapen firstElementChild inneholder det første underordnede elementet. Underordnede elementer er alle taggene som befinner seg direkte innenfor blokken. Hvis elementet ikke har noen underordnede elementer - returneres null.

Syntaks

element.firstElementChild;

Eksempel

La oss hente innholdet til 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 av kjørt kode:

'1'

Eksempel

Nå har elementet ingen underordnede elementer og derfor vil null bli vist:

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

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

Resultatet av kjørt kode:

null

Se også

egenskapen lastElementChild,
som inneholder det siste elementet
egenskapen children,
som inneholder alle underordnede elementer
egenskapen firstChild,
som inneholder den første noden