คุณสมบัติ parentElement ขององค์ประกอบ HTML DOM
- หน้าก่อนหน้า parentNode
- หน้าต่อไป previousSibling
- กลับไปหน้าขึ้นหนึ่ง วัตถุ HTML DOM Elements
คำอธิบายและการใช้งาน
parentElement คุณสมบัติกลับค่าตารางพ่อของอันเลือก
parentElement และ parentNode ความแตกต่างกันคือ ถ้าตารางพ่อไม่ใช่ตารางองค์ประกอบ parentElement กลับ null:
document.body.parentNode; // กลับค่า <html> องค์ประกอบ document.body.parentElement; // กลับค่า <html> องค์ประกอบ document.documentElement.parentNode; // กลับค่าตารางเอกสาร document.documentElement.parentElement; // กลับค่า null（<html> ไม่มีตาราง ELEMENT พ่อ）
ในหลายๆ ครั้ง การใช้คุณสมบัติใดก็ไม่ได้เป็นสำคัญ แต่ parentNode อาจเป็นที่นิยมที่สุด。
คุณสมบัตินี้เป็นคุณสมบัติที่เป็นไปตามที่กำหนดไว้
HTML ตัวตาราง และ องค์ประกอบ
ใน HTML DOM（Document Object Model）ในที่นี้ หน้า HTML คือชุดตัวตารางที่มี (หรือไม่มี) ตัวตารางลูก。
ตัวตารางหมายถึงตัวตารางองค์ประกอบ ตัวตารางข้อความ และตัวตารางความคิดเห็น。
อันเลือกช่องว่างระหว่างเล็กน้อยก็เป็นตัวตารางข้อความ。
และอันเลือกเป็นตัวตารางองค์ประกอบเท่านั้น。
ลูกตัวตาราง และ ลูกอันเลือก
childNodes กลับลูกตัวตาราง（ตัวตารางองค์ประกอบ ตัวตารางข้อความ และตัวตารางความคิดเห็น）。
children กลับลูกอันเลือก（ไม่ใช่ตัวตารางข้อความและตัวตารางความคิดเห็น）。
คนพี่คนน้อง และ คนพี่แซบของอันเลือก
คนพี่คนน้องคือ "พี่แซบ" และ "พี่น้อง"。
คนพี่คนน้องคือตัวตารางที่มีตารางพ่อเดียวกัน (ใน childNodes ในรายการ)。
คนพี่คนน้องของอันเลือกคืออันเลือกที่มีตารางพ่อเดียวกัน (ใน children ในรายการ)。
ตัวอย่าง
ตัวอย่าง 1
ได้ชื่อแผงหลักของแผงพ่อของแผง <li> ได้:
var x = document.getElementById("myLI").parentElement.nodeName;
ตัวอย่าง 2
คลิกอันเลือกสามารถซ่อนอันเลือกพ่อของมันได้ (<div>):
<div> <span onclick="this.parentElement.style.display = 'none';">x</span> </div>
ภาษา
node.parentElement
ค่าที่กลับมา
| ประเภท | เรื่อง |
|---|---|
| Element วัตถุ | แสดงถึงตารางพ่อของตัวตาราง |
| null | ถ้าตัวตารางนี้ไม่มีตารางพ่อ |
การรองรับโดยเบราเซอร์
element.parentElement คือความเป็นไปตาม DOM Level 3 (2004) คุณสมบัติ。
ทุกบราวเซอร์ทุกฐานะเกิดทุกอย่างยอมรับมันมันนี้:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| สนับสนุน | 9-11 | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อนหน้า parentNode
- หน้าต่อไป previousSibling
- กลับไปหน้าขึ้นหนึ่ง วัตถุ HTML DOM Elements
