Eigenschaft lastElementChild

Die Eigenschaft lastElementChild enthält das letzte 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.lastElementChild;

Beispiel

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

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

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

console.log(text);

Ergebnis der Codeausführung:

'2'

Beispiel

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

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

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

Ergebnis der Codeausführung:

null

Siehe auch

Eigenschaft firstElementChild,
die das erste Element enthält
Eigenschaft children,
die alle untergeordneten Elemente des Elements enthält
Eigenschaft lastChild,
die den letzten Knoten enthält