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

javascriptelement.firstElementChild;

Eksempel

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

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

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

console.log(text);

Resultatet af kodeudførelsen:

javascript'1'

Eksempel

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

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

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

Resultatet af kodeudførelsen:

javascriptnull

Se også