คุณสมบัติ parentNode

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

ไวยากรณ์

element.parentNode;

ตัวอย่าง

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

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

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

console.log(id);

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

'parent'

ดูเพิ่มเติม

คุณสมบัติ parentElement,
ซึ่งกำหนดองค์ประกอบแม่