ตัวอย่าง
ได้รับชื่อโหนดขององค์ประกอบหลักของ <li> องค์ประกอบ:
var x = document.getElementById("myLI").parentElement.nodeName;ผลของ x จะเป็น:
UL ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติ 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 น่าจะเป็นที่นิยมมากที่สุด
สถานที่แห่งนี้เป็นอ่านอย่างเดียว
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| parentElement | 1.0 | ใช่ | 9.0 | ใช่ | ใช่ |
วากยสัมพันธ์
node .parentElementรายละเอียดทางเทคนิค
| กลับค่า: | วัตถุธาตุที่เป็นตัวแทนของโหนดองค์ประกอบหลักของโหนดหรือ null ถ้าโหนดไม่มีผู้ปกครอง |
|---|---|
| DOM รุ่น | วัตถุ DOM Level 4 ธาตุ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
คลิกที่องค์ประกอบ (<span>) เพื่อซ่อนองค์ประกอบหลักของมัน (<div>) :
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div> ลองตัวเอง»