خصائص Element 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)، وثيقة HTML هي مجموعة من العقد التي تملك (أو لا تملك) النود الأبناء.

النوديعني عناصر النود والنصوص والتعليقات.

العنصرالفراغ بين العناصر هو نود نصي.

بينما العناصر هي فقط عناصر النود.

النود والأبناء الإخوة

childNodes يعودالنودالعناصر النصية والنصوص والتعليقات.

الأطفال يعودالأبناء الإخوةغير النصوص والتعليقات.

الأبناء الإخوة والذكور الإخوة

الأبناء الإخوةهما 'الأخوة' و'الأخوات'.

الأبناء الإخوةهي العقد التي تملك نفس العقدة الأم (في نفس childNodes في القائمة).

الأبناء الإخوةهي العناصر التي تملك نفس العقدة الأم (في نفس الأطفال في القائمة).

مثال

مثال 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 3 (2004).

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

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