HTML DOM Element lastChild 属性

定义和用法

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

lastChild 属性是只读的。

注意

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

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

替代方案：

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

另请参阅：

childNodes 属性

firstChild 属性

nextSibling 属性

previousSibling 属性

节点属性

parentNode 属性

nodeName 属性

nodeType 属性

nodeValue 属性

HTML 节点与元素

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

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

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

而元素只是元素节点。

子节点与子元素

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

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

firstChild 与 firstElementChild

firstChild 返回第一个Undernode（elementnode, tekstnode eller kommentarnode）. Mellemrum mellem elementer er også tekstnoder.

firstElementChild 返回第一个Underelementer（returnerer ikke tekstnoder og kommentarnoder）.

lastChild og lastElementChild

lastChild Returnerer den sidsteUndernode（elementnode, tekstnode eller kommentarnode）. Mellemrum mellem elementer er også tekstnoder.

lastElementChild Returnerer den sidsteUnderelementer（returnerer ikke tekstnoder og kommentarnoder）.

Eksempel

Eksempel 1

Returner HTML-indholdet for den sidste undernode af <ul>-elementet:

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

Prøv det selv

Eksempel 2

Få teksten fra den sidste undernode af <select>-elementet:

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

Prøv det selv

Eksempel 3

Dette eksempel viser forstyrrelsen af mellemrum, prøv at få navnet på den sidste undernode af "myDIV":

<div id="myDIV">
  <p>Ser ud som første barn</p>
  <p>Ser ud som sidste barn</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Prøv det selv

Eksempel 4

Men hvis du fjerner mellemrum fra kilden, er der ingen #text-noder i "myDIV":

<div id="myDIV"><p>Første barn</p><p>Sidste barn</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Prøv det selv

Syntaks

element.lastChild

eller

node.lastChild

Returværdi

Type Beskrivelse
Node Nodens sidste undernode.
null Hvis der ikke er nogen børn.

Browserv understøttelse

element.lastChild er en DOM Level 1 (1998) funktion.

Det understøttes fuldt ud af alle browsere:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support