Свойство firstElementChild

Die Eigenschaft firstElementChild enthält das erste untergeordnete Element. Als untergeordnete Elemente gelten alle Tags, die sich direkt innerhalb des Blocks befinden. Wenn das Element keine untergeordneten Elemente hat, wird null zurückgegeben.

Syntax

javascriptelement.firstElementChild;

Beispiel

Lassen Sie uns den Inhalt des ersten untergeordneten Elements des Elements abrufen:

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

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

console.log(text);

Ergebnis der Codeausführung:

javascript'1'

Beispiel

Jetzt hat das Element keine untergeordneten Elemente, daher wird null ausgegeben:

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

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

Ergebnis der Codeausführung:

javascriptnull

Siehe auch