properti HTML DOM Element lastChild

definisi dan penggunaan

lastChild properti kembalikan terakhir node anak yang ditentukan, dalam bentuk objek Node.

lastChild properti ini adalah hanya-baca.

perhatian

lastChild yang dihasilkan adalah node anak ini: node elemen, node teks atau node catatan.

ruang putih antara elemen juga adalah node teks.

alternatif:

properti lastElementChild - lastElementChild properti kembalikan terakhir elemen anak (abaikan node teks dan node catatan).

lihat juga:

properti childNodes

properti firstChild

properti nextSibling

properti previousSibling

properti node

properti parentNode

properti nodeName

properti nodeType

properti nodeValue

node HTML dan elemen

di HTML DOM（Dokument Objek Model）di dalam, dokumen HTML adalah kumpulan node yang memiliki (atau tidak memiliki) node anak.

节点merujuk kepada node elemen, node teks dan node catatan.

elemenruang putih antara mereka juga adalah node teks.

sedangkan elemen hanya node elemen.

node anak dan elemen anak

childNodes kembalikan子节点（node elemen, node teks dan node catatan）。

children kembalikan子元素（bukan node teks dan node catatan）。

firstChild dan firstElementChild

firstChild kembalikan pertama子节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。

firstElementChild kembalikan pertama子元素（不返回文本节点和注释节点）。

lastChild 与 lastElementChild

lastChild 返回最后一个子节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。

lastElementChild 返回最后一个子元素（不返回文本节点和注释节点）。

实例

例子 1

返回 <ul> 元素的最后一个子节点的 HTML 内容：

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

亲自试一试

例子 2

获取 <select> 元素的最后一个子节点的文本：

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

亲自试一试

例子 3

此例演示了空格的干扰，尝试获取 "myDIV" 的最后一个子节点的节点名：

<div id="myDIV">
  <p>Looks like first child</p>
  <p>Looks like last Child</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

亲自试一试

例子 4

但是，如果您从源中删除空格，则 "myDIV" 中没有 #text 节点：

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

亲自试一试

语法

element.lastChild

或

node.lastChild

返回值

类型 描述
节点 节点的最后一个子节点。
null 如果无子。

浏览器支持

element.lastChild 是 DOM Level 1 (1998) 特性。

所有浏览器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持