HTML DOM lastChild-Eigenschaft

HTML DOM Element-Objekt

lastChildSchreibgeschützte Eigenschaft gibt den letzten Kindknoten des angegebenen Knotens als Node-Objekt zurück.

Falls der angegebene Knoten keine Kindknoten hat, gibt diese MethodeLeerWert.

Leere Blöcke im Element werden als Text betrachtet, und Text wird als Knoten betrachtet. Kommentare werden ebenfalls als Knoten betrachtet.

Um das Problem zu vermeiden, dass lastChild den #text- oder #comment-Knoten zurückgibt, kannlastElementChildGibt nur den letzten Elementknoten zurück.

Um den ersten Kindknoten eines bestimmten Knotens zurückzugeben, verwenden SiefirstChildEigenschaft.

Syntax:

node.lastChild

<div>
　　　<p>Das ist der1eine P</p>
　　　<p>Das ist der2eine P</p>
　　　<p>Das ist der3eine P</p>
</div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Wenn wir jedoch den Leerzeichen nach dem letzten P-Element entfernen, wird der Rückgabewert ein P-Tag und nicht #text sein:

<div>
　　　<p>Das ist der1eine P</p>
　　　<p>Das ist der2eine P</p>
　　　<p>Das ist der3eine P</p></div>
<script>
var x = document.querySelector("div").lastChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Browserkompatibilität

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

Technische Details

Verwandte Referenzen

HTML DOM-Referenz:node .firstChild-Eigenschaft

HTML DOM-Referenz:node .childNodes-Eigenschaft

HTML DOM-Referenz:node .parentNode-Eigenschaft

HTML DOM-Referenz:node .nextSibling-Eigenschaft

HTML DOM-Referenz:node .previousSibling-Eigenschaft

HTML DOM-Referenz:node .nodeName-Eigenschaft

HTML DOM Element-Objekt