HTML DOM Element lastChild 属性

定义和用法

lastChild 属性返回指定节点的最后一个子节点，以 Node 对象。

lastChild 属性是只读的。

注意

lastChild 返回的是这些子节点：元素节点、文本节点或注释节点。

元素之间的空白也是文本节点。

替代方案：

lastElementChild 属性 - lastElementChild 属性返回最后一个子元素（忽略文本和注释节点）。

另请参阅：

childNodes 属性

firstChild 属性

nextSibling 属性

previousSibling 属性

节点属性

parentNode 属性

nodeName 属性

nodeType 属性

nodeValue 属性

HTML 节点与元素

在 HTML DOM（文档对象模型）中，HTML 文档是拥有（或没有）子节点的节点集合。

Knoten指的是元素节点、文本节点和注释节点。

元素之间的空白也是文本节点。

而元素只是元素节点。

子节点与子元素

childNodes 返回Kindknoten（元素节点、文本节点和注释节点）。

children 返回Kindknoten（而非文本和注释节点）。

firstChild 与 firstElementChild

firstChild 返回第一个Kindknoten（Elementknoten, Textknoten oder Anmerkungs节点）。Leerzeichen zwischen Elementen sind ebenfalls Textknoten.

firstElementChild 返回第一个Kindknoten（Rückgabewert enthält keine Textknoten und Anmerkungs节点）.

lastChild und lastElementChild

lastChild Gibt den letzten zurückKindknoten（Elementknoten, Textknoten oder Anmerkungs节点）。Leerzeichen zwischen Elementen sind ebenfalls Textknoten.

lastElementChild Gibt den letzten zurückKindknoten（Rückgabewert enthält keine Textknoten und Anmerkungs节点）.

Beispiel

Beispiel 1

Gibt das HTML-Inhalt des letzten Kindknotens des <ul>-Elements zurück:

document.getElementById("myList").lastChild.innerHTML;

Versuchen Sie es selbst

Beispiel 2

Den Text des letzten Kindknotens des <select>-Elements abrufen:

let text = document.getElementById("mySelect").lastChild.text;

Versuchen Sie es selbst

Beispiel 3

Dieses Beispiel zeigt die Störung durch Leerzeichen, versuchen Sie, den Knotennamen des letzten Kindknotens von "myDIV" zu erhalten:

<div id="myDIV">
  <p>Es scheint, dass erster Kindknoten</p>
  <p>Es scheint, dass letzter Kindknoten</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Versuchen Sie es selbst

Beispiel 4

Wenn Sie jedoch Leerzeichen aus der Quelle entfernen, gibt es im "myDIV" keinen #text-Knoten:

<div id="myDIV"><p>Erster Kindknoten</p><pletzter Kindknoten</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Versuchen Sie es selbst

Syntax

element.lastChild

oder

node.lastChild

Rückgabewert

Typ Beschreibung
Knoten Der letzte Kindknoten des Knotens.
null Wenn es keine Kinder gibt.

Browserunterstützung

element.lastChild Es ist eine Eigenschaft von DOM Level 1 (1998).

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

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