Свойство 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

element.firstElementChild;

Beispiel

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

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

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

console.log(text);

Ergebnis der Codeausführung:

'1'

Beispiel

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

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

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

Ergebnis der Codeausführung:

null

Siehe auch

die Eigenschaft lastElementChild,
die das letzte Element enthält
die Eigenschaft children,
die alle untergeordneten Elemente eines Elements enthält
die Eigenschaft firstChild,
die den ersten Knoten enthält