JavaScript/DOM/Node/lastChild

Die Eigenschaft Node.lastChild speichert das Objekt des letzten Kindknotens eines Knotens.

Syntax

let childNode = node.lastChild;

 function init() {
 var letzterPunkt = document.querySelector('ul').lastChild,
	 ausgabe = letzterPunkt.lastChild.data;
 document.getElementById('ausgabe').textContent = ausgabe;
 }

Im JavaScript-Bereich wird mit document.querySelector('ul') auf das erste ul-Element im Dokument zugegriffen. Mit lastChild wird dessen letzter Kindknoten angesprochen. Im Beispiel ist dies das zweite und letzte li-Element.

In der Variablen letzterPunkt ist also anschließend das Knotenobjekt des zweiten li-Elements gespeichert, aber nicht sein Textinhalt. Dieser wird jedoch anschließend ausgegeben.

Siehe auch

Mit den Eigenschaften des Node-Objekts werden alle Knoten - auch Textknoten (evtl. sogar mit Whitespace) - ermittelt. Meist will man aber nur Elementknoten ansprechen. Hier haben andere Schnittstellen bessere Methoden, die die gewünschten Elemente herausfiltern:

Weblinks

• W3C: lastChild
• MDN: Node.lastChild