HTML DOM Element lastElementChild Eigenschaft

Definition und Verwendung

lastElementChild Eigenschaft gibt den letzten Kindknoten des Elements zurück.

lastElementChild Eigenschaften sind schreibgeschützt.

Weitere Informationen:

children Eigenschaft

firstElementChild Eigenschaft

childElementCount Eigenschaft

tagName Eigenschaft

childNodes Eigenschaft

HTML Knoten und Elemente

In HTML DOMIm (Dokumentobjektmodell), ist ein Sammelband von Knoten, die (oder nicht) Kindknoten haben.

KnotenBezeichnet Elementknoten, Textknoten und Kommentar-Knoten.

ElementDie Leerzeichen zwischen ihnen sind ebenfalls Textknoten.

Der Elementknoten ist nur ein Elementknoten.

Unterknoten und Unterelemente

childNodes Gibt zurückUnterknotenEs handelt sich um Elementknoten, Textknoten und Kommentar-Knoten.

children Gibt zurückUnterelementeAnstatt Text und Kommentar-Knoten.

firstChild und firstElementChild

firstChild Gibt den ersten zurückUnterknotenEs handelt sich um Elementknoten, Textknoten oder Kommentar-Knoten. Die Leerzeichen zwischen Elementen sind ebenfalls Textknoten.

firstElementChild Gibt den ersten zurückUnterelementeEs werden keine Textknoten und Kommentar-Knoten zurückgegeben.

lastChild und lastElementChild

lastChild Gibt den letzten zurückUnterknotenEs handelt sich um Elementknoten, Textknoten oder Kommentar-Knoten. Die Leerzeichen zwischen Elementen sind ebenfalls Textknoten.

lastElementChild Gibt den letzten zurückUnterelementeEs werden keine Textknoten und Kommentar-Knoten zurückgegeben.

Beispiel

Beispiel 1

Erhalten Sie den HTML-Inhalt des letzten Unterelements des <ul>-Elements:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

Probieren Sie es selbst aus

Beispiel 2

Erhalten Sie den Tag-Namen des letzten Unterelements des <div>-Elements:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

Probieren Sie es selbst aus

Beispiel 3

Erhalten Sie den Text des letzten Unterelements des <select>-Elements:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

Probieren Sie es selbst aus

Syntax

element.lastElementChild

Rückgabewert

Typ Beschreibung
Knoten Der letzte Unterlement des Elements.
null Wenn es keine Kinder gibt.

Browser-Unterstützung

element.lastElementChild Es ist eine Eigenschaft von DOM Level 3 (2004).

Es wird in allen Browsern vollständig unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützt 9-11 Unterstützt Unterstützt Unterstützt Unterstützt