HTML DOM lastElementChild-Eigenschaft

HTML DOM Element-Objekt

DaslastElementChildSchreibgeschützte Eigenschaft, die den letzten Kindknoten des angegebenen Elternelements zurückgibt.

Wenn das Elternelement keine Kindknoten hat, gibt diese MethodenullWert.

Verwenden SiechildrenEigenschaft, um alle Kindknoten des angegebenen Elternelements zurückzugeben.

Um den ersten Kindknoten des angegebenen Elternelements zurückzugeben, verwenden Sie diefirstElementChildEigenschaft.

Syntax:

ParentElement.lastElementChild

<div>
　　　<p>Das ist der1ein P</p>
　　　<p>Das ist der2ein P</p>
　　　<p>Das ist der3ein P</p>
</div>
script>
var x = document.querySelector("div").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Browserkompatibilität

lastElementChild-Eigenschaft wird von allen Browsern vollständig unterstützt:

Technische Details

Mehr Beispiele

HTML-Inhalt des letzten Kindes des DIV-Elements abrufen:

<div>
　　　<p>Das ist der1ein P</p>
　　　<p>Das ist der2ein P</p>
　　　<p>Das ist der3ein P</p>
</div>
script>
var x = document.querySelector("div").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Ändern Sie den HTML-Inhalt des letzten Kindes des DIV-Elements:

var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";

Verwandte Referenzen

HTML DOM Referenz:firstElementChild-Eigenschaft

HTML DOM Element-Objekt