HTML DOM Element parentElement 属性

定义和用法

parentElement 属性返回指定元素的父元素。

parentElement 和 parentNode 的区别在于，如果父节点不是元素节点，则 parentElement 返回 null：

document.body.parentNode; // 返回  元素
document.body.parentElement; // 返回  元素
document.documentElement.parentNode; // 返回文档节点
document.documentElement.parentElement; // 返回 null（ 没有父 ELEMENT 节点）

在大多数情况下，使用哪个属性并不重要，但是 parentNode 可能是最流行的。

该属性是只读的。

HTML 节点与元素

在 HTML DOM（文档对象模型）中，HTML 文档是拥有（或没有）子节点的节点集合。

节点指的是元素节点、文本节点和注释节点。

元素之间的空白也是文本节点。

而元素只是元素节点。

子节点与子元素

نود بچوں 返回子节点（元素节点、文本节点和注释节点）。

بچوں 返回子元素（而非文本和注释节点）。

بھائی اور عنصر کا بھائی

بھائییعنی 'برادر' اور 'بہن'۔

بھائیایسے نود جو ایک ہی والد نود کا حامل ہیں (در یک نود بچوں لیسٹ میں)۔

عنصر کا بھائیایسے عناصر جو ایک ہی والد نود کا حامل ہیں (در یک بچوں لیسٹ میں)۔

مثال

مثال 1

لیسٹ کا <li> عنصر کا والد عنصر کا نود نام حاصل کریئن:

var x = document.getElementById("myLI").parentElement.nodeName;

خود کا تجربہ کریئن

مثال 2

اگر آپ یہ عنصر پر کلک کریئن تو اس کا والد عنصر (<div>) مخفی ہوجائے گا:

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

خود کا تجربہ کریئن

قواعد زبان

نود.parentElement

بازگشتی ارزش

نوع وصف
عنصر متعلقہ نود کا والد عنصر نود کا معنایاً
null اگر اس نود کو کوئی والد نود نہ ہو تو

بھرپورستگی برائے براوزر

element.parentElement یہ DOM Level 3 (2004) کی خصوصیت ہے۔

جميع المتصفحات يدعمونه بشكل كامل:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم