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

javascriptelement.lastElementChild;

Beispiel

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

html<div id="parent">
  <p>1</p>
  <p>2</p>
</div>
javascriptlet parent = document.querySelector('#parent');
let text = parent.lastElementChild.textContent;

console.log(text);

Ergebnis der Codeausführung:

javascript'2'

Beispiel

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

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.lastElementChild);

Ergebnis der Codeausführung:

javascriptnull

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