ตัวอย่าง
รับเนื้อหา HTML ขององค์ประกอบสุดท้ายของเด็กนั้น <ul> องค์ประกอบ:
var x = document.getElementById("myList").lastElementChild.innerHTML;ผลของ x จะเป็น:
Tea ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการ firstElementChild ส่งกลับองค์ประกอบลูกสุดท้ายขององค์ประกอบที่ระบุ
ความแตกต่างระหว่างคุณสมบัตินี้และ lastChild เป็นที่ lastChild กลับโหนดเด็กที่ผ่านมาเป็นโหนดองค์ประกอบโหนดข้อความหรือความคิดเห็นโหนด (depending on which one's last) ในขณะที่ lastElementChild กลับโหนดเด็กที่ผ่านมาเป็นโหนดองค์ประกอบ (ignores text and comment nodes)
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
เคล็ดลับ: ใช้ เด็ก คุณสมบัติที่จะกลับองค์ประกอบลูก ๆ ขององค์ประกอบที่กำหนด
เคล็ดลับ: หากต้องการกลับองค์ประกอบลูกคนแรกขององค์ประกอบที่ระบุให้ใช้ firstElementChild คุณสมบัติ
สนับสนุนเบราว์เซอร์
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| lastElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
วากยสัมพันธ์
element .lastElementChildรายละเอียดทางเทคนิค
| กลับค่า: | วัตถุโหนดเป็นตัวแทนขององค์ประกอบลูกสุดท้ายขององค์ประกอบหรือ null ถ้าไม่มีองค์ประกอบของเด็ก |
|---|---|
| DOM รุ่น | ระดับหลัก 3 องค์ประกอบการข้ามผ่าน |
ตัวอย่างอื่น ๆ
ตัวอย่าง
รับแท็กชื่อขององค์ประกอบสุดท้ายของเด็กที่ <div> องค์ประกอบ:
var x = document.getElementById( "myDIV" ).lastElementChild.tagName;
document.getElementById("demo").innerHTML = x;ผลของ x จะเป็น:
SPAN ลองตัวเอง» ตัวอย่าง
ได้รับข้อความขององค์ประกอบลูกสุดท้ายของที่ <select> องค์ประกอบ:
var x = document.getElementById("mySelect").lastElementChild.text;ผลของ x จะเป็น:
Volvo ลองตัวเอง»