خاصية HTML DOM parentElement
مثال
احصل على اسم عقدة العنصر الأصل للعنصر <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم الخاصية parentElement بإرجاع العنصر الأصل للعنصر المحدد.
يتمثل الاختلاف بين parentElement و parentNode في أن parentElement ترجع قيمة فارغة إذا لم تكن العقدة الأصلية عبارة عن عقدة عنصر:
document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element
document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)
في معظم الحالات ، لا يهم الخاصية التي تستخدمها ، ومع ذلك ، من المحتمل أن يكون parentNode هو الأكثر شيوعًا.
هذه الخاصيه للقراؤه فقط.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
بناء الجملة
node.parentElement
تفاصيل تقنية
قيمة الإرجاع: | عنصر عنصر ، يمثل عقدة العنصر الأصل للعقدة ، أو فارغًا إذا لم يكن للعقدة أصل |
---|---|
إصدار DOM | كائن عنصر من المستوى 4 DOM |
مزيد من الأمثلة
مثال
انقر فوق عنصر (<span>) لإخفاء العنصر الأصل (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>