HTML DOM Element lastChild 属性

定义和用法

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

lastChild 属性是只读的。

注意

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

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

替代方案：

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

另请参阅：

childNodes 属性

firstChild 属性

nextSibling 属性

previousSibling 属性

节点属性

parentNode 属性

nodeName 属性

nodeType 属性

nodeValue 属性

HTML 节点与元素

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

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

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

而元素只是元素节点。

子节点与子元素

childNodes återvändUndernod（元素节点、文本节点和注释节点）。

children återvändUnderelement（而非文本和注释节点）。

firstChild och firstElementChild

firstChild återvänd den förstaUndernod（Elementnod, textnod eller kommentarnod). Ruta emellan element är också textnoder.

firstElementChild återvänd den förstaUnderelement（Återger inte textnoder och kommentarnoder).

lastChild och lastElementChild

lastChild Returnera den sistaUndernod（Elementnod, textnod eller kommentarnod). Ruta emellan element är också textnoder.

lastElementChild Returnera den sistaUnderelement（Återger inte textnoder och kommentarnoder).

Exempel

Exempel 1

Returnera HTML-innehållet för den sista barnnoden av <ul>-elementet:

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

Prova själv

Exempel 2

Hämta texten från den sista barnnoden av <select>-elementet:

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

Prova själv

Exempel 3

Detta exempel visar på förvirring från blanksteg, försök att få tag på nodnamnet för den sista barnnoden av "myDIV":

<div id="myDIV">
  <p>Verkar som första barn</p>
  <p>Verkar som sista barn</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Prova själv

Exempel 4

Men om du tar bort blanksteg från källan, finns det ingen #text-nod i "myDIV":

<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

Prova själv

Syntaks

element.lastChild

eller

node.lastChild

Returvärde

Typ Beskrivning
Nod Nodens sista barnnod.
null Om det inte finns några barn.

Webbläsarstöd

element.lastChild Det är en DOM Level 1 (1998) egenskap.

Alla webbläsare stöder det fullt ut:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd