HTML DOM Element parentNode คุณสมบัติ

คำนิยามและวิธีใช้

parentNode คุณสมบัติคืนองค์ประกอบหรือจุดหมายที่มีหลักเล็ก ในรูปแบบของ Node ตัว

ถ้าจุดหมายที่กำหนดไม่มีหลักเล็ก จะคืนค่า null。

คุณสมบัติ parentNode คือคุณสมบัติที่ไม่สามารถเข้าถึงได้

ดูเพิ่มเติม:

คุณสมบัติ childNodes

คุณสมบัติ firstChild

คุณสมบัติ lastChild

คุณสมบัติ nextSibling

คุณสมบัติ previousSibling

คุณสมบัติ nodeName

คุณสมบัติ parentElement

HTML ตัวองค์ประกอบ และ ตัวเอเล็ม

ใน HTML DOM（Document Object Model） ที่ซึ่งเอกสาร HTML คือชุดของตัวองค์ประกอบที่มี (หรือไม่มี) ตัวองค์ประกอบลูก

ตัวองค์ประกอบหมายถึงตัวองค์ประกอบเอเล็ม ตัวองค์ประกอบข้อความและตัวองค์ประกอบหมายเหตุ

เอเล็มช่องว่างระหว่างเอเล็มก็เป็นตัวองค์ประกอบข้อความ

และเอเล็มเป็นตัวองค์ประกอบเอเล็มเท่านั้น

ตัวองค์ประกอบลูก และ เอเล็มลูก

childNodes กลับมาตัวองค์ประกอบลูก（ตัวองค์ประกอบเอเล็ม ตัวองค์ประกอบข้อความและตัวองค์ประกอบหมายเหตุ）

children กลับมาเอเล็มลูก（ไม่ใช่ตัวองค์ประกอบข้อความและตัวองค์ประกอบหมายเหตุ）

คู่เพื่นในลำดับ และ คู่เพื่นในลำดับของเอเล็ม

คู่เพื่อนคือ "พี่น้อง" และ "พี่น้องชายและสาว"

คู่เพื่อนคือตัวองค์ประกอบที่มีพ่อองค์ประกอบเดียวกัน (ในเวลาเดียวกัน) childNodes ในรายการ ()

คู่เพื่อนในลำดับคือตัวองค์ประกอบที่มีพ่อองค์ประกอบเดียวกัน (ในเวลาเดียวกัน) children ในรายการ ()

ตัวอย่าง

ตัวอย่าง 1

หาชื่อตัวองค์ประกอบพ่อของ "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

ลองด้วยตัวเอง

ตัวอย่าง 2

คลิกเอเล็ม (<span>) เพื่อซ่อนตัวองค์ประกอบพ่อของมัน:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

ลองด้วยตัวเอง

รูปแบบการใช้งาน

element.parentNode

หรือ

node.parentNode

ค่าที่กลับมา

รูปแบบ คำอธิบาย
ตัวองค์ประกอบ ตัวองค์ประกอบพ่อ
null ถ้าตัวองค์ประกอบไม่มีตัวองค์ประกอบพ่อ

การสนับสนุนของเบราเซอร์

element.parentnode คือคุณสมบัติ DOM Level 1 (1998)

ทุกเบราเซอร์ทุกข้อนี้สนับสนุนอย่างเต็มที่:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
การสนับสนุน 9-11 การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน