ویژگی parentElement عناصر DOM HTML

تعریف و استفاده

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در (مدل مستندات مستند) HTML مستند دارای (یا بدون) مجموعه‌ای از نودهای فرزند است.

نودبه نودهای عنصر، نودهای متن و ویرایشگر اشاره دارد.

عنصربین آن‌ها نیز نودهای متن است.

در عوض عنصر فقط نود عنصر است.

نودهای فرزند و عناصر فرزند

childNodes بازمی‌گرداندنودهای فرزندنودهای فرزند (نودهای عناصر، نودهای متن و ویرایشگر).

children بازمی‌گرداندعناصر فرزنددر عوض نودهای متن و ویرایشگر).

برادران و برادران عناصر

برادرانبه عنوان "برادر" و " خواهر" شناخته می‌شوند.

برادراننودهایی دارند که گره پدر مشترک دارند (در childNodes در لیست).

برادران عناصرعناصر دارند که گره پدر مشترک دارند (در children در لیست).

مثال

مثال 1

نام گره پدر عنصر <li> را دریافت کنید:

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

آزمایش کنید

مثال 2

با کلیک بر روی عنصر (<span>) می‌توان گره پدر آن (<div>) را مخفی کرد:

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

آزمایش کنید

نحوه استفاده

نود.parentElement

مقدار بازگشتی

نوع توضیح
عنصر Element نشان‌دهنده گره پدر نود است.
null اگر این گره هیچ گره پدر نداشته باشد.

پشتیبانی مرورگر

element.parentElement این ویژگی در DOM Level 3 (2004) موجود است.

همه مرورگرها کاملاً از آن پشتیبانی می‌کنند:}

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی