คุณสมบัติ parentNode

คุณสมบัติ parentNode เก็บองค์ประกอบแม่ นอกจากนี้ยังมีคุณสมบัติที่เกือบจะเหมือนกันอีกประการหนึ่งคือ parentElement ข้อแตกต่างคือ: สำหรับแท็ก html คุณสมบัติ parentNode จะส่งคืน document ในขณะที่ parentElement จะส่งคืน null

ไวยากรณ์

javascriptelement.parentNode;

ตัวอย่าง

เรามาเข้าถึงองค์ประกอบแม่ขององค์ประกอบ #elem และแสดง id ของมันบนหน้าจอกัน:

html<div id="parent">
  <p id="elem"></p>
</div>

javascriptlet elem = document.querySelector('#elem');
let id = elem.parentNode.id;

console.log(id);

ผลลัพธ์จากการทำงานของโค้ด:

javascript'parent'

ดูเพิ่มเติม