ขอบเขต lastElementChild ขององค์ประกอบ HTML DOM

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

lastElementChild ขอบเขตนี้ส่งกลับตัวแทนขององค์ประกอบลูกสุดท้ายขององค์ประกอบ

lastElementChild ขอบเขตนี้เป็นขอบเขตที่อ่านได้เท่านั้น

ดูเพิ่มเติม:

ขอบเขตchildren

ขอบเขตfirstElementChild

ขอบเขตchildElementCount

ขอบเขตtagName

ขอบเขตchildNodes

ตัวแทนของ HTML และ องค์ประกอบ

ใน HTML DOMใน (Document Object Model) ที่นี้ เอกสาร HTML คือชุดของตัวแทนของ HTML ที่มี (หรือไม่มี) ตัวย่อยลูก

โหนดคือโหนด (element node), โหนดข้อความ (text node) และโหนดหมายเหตุ (comment node) แต่ละโหนด。

องค์ประกอบช่องว่างระหว่างกันก็เป็นโหนดข้อความ (text node) ด้วย。

และองค์ประกอบเป็นโหนด (element node) แต่ละโหนด。

ลูกโหนด และ ลูกในองค์ประกอบ

childNodes กลับมาลูกโหนดคือโหนด (element node), โหนดข้อความ (text node) และโหนดหมายเหตุ (comment node) แต่ละโหนด。

children กลับมาลูกในองค์ประกอบคือไม่ใช่โหนดข้อความ (text node) หรือโหนดหมายเหตุ (comment node) แต่คือโหนด (element node) แต่ละโหนด。

firstChild และ firstElementChild

firstChild กลับมาที่แรกลูกโหนดคือโหนด (element node), โหนดข้อความ (text node) หรือโหนดหมายเหตุ (comment node) และช่องว่างระหว่างองค์ประกอบก็เป็นโหนดข้อความ (text node) ด้วย。

firstElementChild กลับมาที่แรกลูกในองค์ประกอบไม่กลับมาในโหนดข้อความและโหนดหมายเหตุ (comment node) อีกด้วย。

lastChild และ lastElementChild

lastChild กลับมาที่สุดท้ายลูกโหนดคือโหนด (element node), โหนดข้อความ (text node) หรือโหนดหมายเหตุ (comment node) และช่องว่างระหว่างองค์ประกอบก็เป็นโหนดข้อความ (text node) ด้วย。

lastElementChild กลับมาที่สุดท้ายลูกในองค์ประกอบไม่กลับมาในโหนดข้อความและโหนดหมายเหตุ (comment node) อีกด้วย。

ตัวอย่าง

ตัวอย่าง 1

เข้าถึงเนื้อหา HTML ของลูกสุดท้ายขององค์ประกอบ <ul>:

const element = document.getElementById("myList")
let html = element.lastElementChild.innerHTML;

ทดสอบด้วยตัวเอง

ตัวอย่าง 2

เข้าถึงชื่อแท็กของลูกสุดท้ายขององค์ประกอบ <div>:

const element =document.getElementById("myDIV")
let tag = element.lastElementChild.tagName;

ทดสอบด้วยตัวเอง

ตัวอย่าง 3

เข้าถึงข้อความของลูกสุดท้ายขององค์ประกอบ <select>:

const element = document.getElementById("mySelect")
let text = element.lastElementChild.text;

ทดสอบด้วยตัวเอง

ภาษา

element.lastElementChild

ค่าที่กลับมา

ชนิด การอธิบาย
โหนด เป็นเลขที่หลังสุดของลูกในองค์ประกอบ
null ถ้าไม่มีลูก

การสนับสนุนโปรแกรมนี้

element.lastElementChild เป็นคุณสมบัติ DOM Level 3 (2004) คือ

ทั้งหมดเครื่องคอมพิวเตอร์เกี่ยวข้องเข้าใจและสนับสนุนมันทั้งหมด:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน 9-11 สนับสนุน สนับสนุน สนับสนุน สนับสนุน