คุณสมบัติHTML DOM parentElement
ตัวอย่าง
รับชื่อโหนดขององค์ประกอบหลักของ <li> องค์ประกอบ:
var x = document.getElementById("myLI").parentElement.nodeName;
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติ parentElement ส่งกลับองค์ประกอบหลักขององค์ประกอบที่ระบุ
ความแตกต่างระหว่าง parentElement และparentNodeคือ parentElement จะคืนค่า nullหากโหนดหลักไม่ใช่โหนดองค์ประกอบ:
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
ในกรณีส่วนใหญ่ ไม่ว่าคุณจะใช้พร็อพเพอร์ตี้ใด อย่างไรก็ตาม parentNode น่าจะเป็นที่นิยมมากที่สุด
คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
ไวยากรณ์
node.parentElement
รายละเอียดทางเทคนิค
คืนมูลค่า: | อ็อบเจ็กต์ Element แทนโหนดองค์ประกอบพาเรนต์ของโหนด หรือnullหากโหนดนั้นไม่มี parent |
---|---|
เวอร์ชัน DOM | วัตถุองค์ประกอบ DOM ระดับ 4 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
คลิกที่องค์ประกอบ (<span>) เพื่อซ่อนองค์ประกอบหลัก (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>