HTML-DOM -lastChild- Eigenschaft
Beispiel
Rufen Sie den HTML-Inhalt des letzten untergeordneten Knotens eines <ul>-Elements ab:
var x = document.getElementById("myList").lastChild.innerHTML;
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Eigenschaft lastChild gibt den letzten untergeordneten Knoten des angegebenen Knotens als Node-Objekt zurück.
Der Unterschied zwischen dieser Eigenschaft und lastElementChild besteht darin, dass lastChild den letzten untergeordneten Knoten als Elementknoten, Textknoten oder Kommentarknoten zurückgibt (je nachdem, welcher der letzte ist), während lastElementChild den letzten untergeordneten Knoten als Elementknoten zurückgibt (ignoriert text und Kommentarknoten).
Hinweis: Leerzeichen innerhalb von Elementen werden als Text und Text als Knoten betrachtet (siehe "Weitere Beispiele").
Diese Eigenschaft ist schreibgeschützt.
Tipp: Verwenden Sie die .childNodes- Elementeigenschaft , um einen beliebigen untergeordneten Knoten eines angegebenen Knotens zurückzugeben.
Tipp: Um den ersten untergeordneten Knoten eines angegebenen Knotens zurückzugeben, verwenden Sie die firstChild- Eigenschaft.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
lastChild | Yes | Yes | Yes | Yes | Yes |
Syntax
node.lastChild
Technische Details
Rückgabewert: | Ein Node-Objekt, das das letzte untergeordnete Element eines Knotens darstellt, oder null , wenn es keine untergeordneten Knoten gibt |
---|---|
DOM-Version | Knotenobjekt der Kernebene 1 |
Mehr Beispiele
Beispiel
In diesem Beispiel demonstrieren wir, wie Leerzeichen mit dieser Eigenschaft interferieren können.
Rufen Sie den Knotennamen des letzten untergeordneten Knotens eines <div>-Elements ab:
<!--
Whitespace inside elements is considered as text, and text is considered as nodes
In this example, there is whitespace before <p>, before <span> and after <span>
Therefore, the last child node of <div> is a #text node, and not the <span> element you expected
-->
<div id="myDIV">
<p>Looks like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Beispiel
Wenn wir jedoch die Leerzeichen aus der Quelle entfernen, gibt es keine #text-Knoten in <div>, wodurch das <span>-Element zum letzten untergeordneten Knoten wird:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById("myDIV").lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>
Beispiel
Rufen Sie den Text des letzten untergeordneten Knotens eines <select>-Elements ab:
var x = document.getElementById("mySelect").lastChild.text;
Verwandte Seiten
HTML-DOM-Referenz: node. firstChild-Eigenschaft
HTML-DOM-Referenz: node. childNodes-Eigenschaft
HTML-DOM-Referenz: node. parentNode-Eigenschaft
HTML-DOM-Referenz: node. nextGeschwistereigentum
HTML-DOM-Referenz: node. vorherigesGeschwistereigentum
HTML-DOM-Referenz: node. nodeName-Eigenschaft