คุณสมบัติHTML DOM lastElementChild
ตัวอย่าง
รับเนื้อหา HTML ขององค์ประกอบลูกสุดท้ายขององค์ประกอบ <ul>:
var x = document.getElementById("myList").lastElementChild.innerHTML;
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติlastElementChildส่งคืนองค์ประกอบลูกสุดท้ายขององค์ประกอบที่ระบุ
ความแตกต่างระหว่างคุณสมบัตินี้และ lastChildคือ lastChild ส่งคืนโหนดย่อยสุดท้ายเป็นโหนดองค์ประกอบ โหนดข้อความ หรือโหนดความคิดเห็น (ขึ้นอยู่กับว่าโหนดใดเป็นครั้งสุดท้าย) ในขณะที่ lastElementChild ส่งคืนโหนดย่อยสุดท้ายเป็นโหนดองค์ประกอบ (ละเว้นข้อความ และโหนดความคิดเห็น)
คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว
เคล็ดลับ:ใช้ คุณสมบัติ ลูก เพื่อส่งคืนองค์ประกอบย่อยขององค์ประกอบที่ระบุ
เคล็ดลับ:หากต้องการส่งคืนองค์ประกอบลูกแรกขององค์ประกอบที่ระบุ ให้ใช้คุณสมบัติfirstElementChild
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
ไวยากรณ์
element.lastElementChild
รายละเอียดทางเทคนิค
คืนมูลค่า: | โหนดวัตถุ แทนองค์ประกอบลูกสุดท้ายขององค์ประกอบ หรือnullถ้าไม่มีองค์ประกอบลูก |
---|---|
เวอร์ชัน DOM | Core ระดับ 3 Element Traversal |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับชื่อแท็กขององค์ประกอบลูกสุดท้ายขององค์ประกอบ <div>:
var x = document.getElementById("myDIV").lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;
ตัวอย่าง
รับข้อความขององค์ประกอบลูกสุดท้ายของ <select> องค์ประกอบ:
var x = document.getElementById("mySelect").lastElementChild.text;