HTML DOM Element lastChild แอตทริบิวต

คำนิยามและการใช้งาน

lastChild แอตทริบิวตคืนค่าตัวอักษรลูกสุดท้ายของตัวอักษรที่ระบุไว้ ในรูปของตัวอักษร Node

lastChild แอตทริบิวตเป็นแอตทริบิวตที่แสดงเฉพาะ

ข้อเน้นตัว

lastChild คืนค่าเหล่าตัวอักษรลูกนี้: ตัวอักษรได้แก่ ตัวอักษรได้แก่ หรือตัวหมายเหตุได้แก่

ตัวอักษรที่อยู่ระหว่างตัวอักษรก็คือตัวอักษรได้แก่

แนะนำทางเลือก:

lastElementChild แอตทริบิวต - lastElementChild แอตทริบิวตคืนค่าตัวอักษรลูกสุดท้าย (ละเลยตัวอักษรและตัวหมายเหตุได้)。

อ่านเพิ่มเติม:

childNodes แอตทริบิวต

firstChild แอตทริบิวต

nextSibling แอตทริบิวต

previousSibling แอตทริบิวต

แอตทริบิวตของตัวอักษร

parentNode แอตทริบิวต

nodeName แอตทริบิวต

nodeType แอตทริบิวต

nodeValue แอตทริบิวต

ตัวอักษร HTML และตัวอักษร

ใน HTML DOM（โมเดลเอ็กซ์เทมเพลต์เดอะโมเดล） ซึ่งเป็นชุดของตัวอักษรที่มี (หรือไม่มี) ตัวอักษรที่มีลูก

จุดขนานหมายถึงตัวอักษรได้แก่ ตัวอักษรได้แก่ และตัวหมายเหตุได้แก่

ตัวอักษรระหว่างนั้นก็คือตัวอักษรได้แก่

ตัวอักษรคือตัวอักษรได้แก่

ตัวอักษรที่อยู่ระหว่างนั้นก็คือตัวอักษรได้แก่

childNodes คืนค่าจุดขนาน（ตัวอักษรตัวเดี่ยวได้แก่ ตัวอักษรได้แก่ ตัวหมายเหตุได้แก่ และตัวหมายเหตุได้แก่）。

children คืนค่าตัวเดี่ยว（ไม่ใช่ตัวอักษรและตัวหมายเหตุได้）。

firstChild และ firstElementChild

firstChild คืนค่าส่วนแรกจุดขนาน（ตัวเดี่ยวของเอลิเมนต์ ข้อความ หรือข้อความหมายเหตุ） ช่องว่างระหว่างเอลิเมนต์ก็เป็นจุดขนานข้อความ。

firstElementChild คืนค่าส่วนแรกตัวเดี่ยว（ไม่คืนค่าตัวของข้อความและข้อความหมายเหตุ）。

lastChild และ lastElementChild

lastChild คืนค่าจุดขนานหลังสุดจุดขนาน（ตัวเดี่ยวของเอลิเมนต์ ข้อความ หรือข้อความหมายเหตุ） ช่องว่างระหว่างเอลิเมนต์ก็เป็นจุดขนานข้อความ。

lastElementChild คืนค่าจุดขนานหลังสุดตัวเดี่ยว（ไม่คืนค่าตัวของข้อความและข้อความหมายเหตุ）。

ตัวอย่าง

ตัวอย่าง 1

คืนค่า HTML ของจุดขนานหลังสุดของตัว <ul>:

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

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ดึงข้อความของจุดขนานหลังสุดของตัว <select>:

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

ทดลองด้วยตัวเอง

ตัวอย่าง 3

ตัวอย่างนี้แสดงให้เห็นความทำให้เกิดความเกี่ยวข้องด้วยช่องว่าง พยายามดึงชื่อของจุดขนานหลังสุดของ "myDIV":

<div id="myDIV">
  <p>ดูเหมือนจุดขนานแรก</p>
  <p>ดูเหมือนจุดขนานหลังสุด</p>
</div>
<script>
let text = document.getElementById("myDIV").lastChild.nodeName;
</script>

ทดลองด้วยตัวเอง

ตัวอย่าง 4

แต่ถ้าคุณลบช่องว่างในต้นตอน จะไม่มีตัว #text ใน "myDIV":

<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 สนับสนุน สนับสนุน สนับสนุน สนับสนุน