طريقة getAttributeNode() الخاصة بـ HTML DOM Element
- الصفحة السابقة getAttribute()
- الصفحة التالية getBoundingClientRect()
- العودة إلى الطبقة السابقة مثلث DOM Elements
التعريف والاستخدام
getAttribute()
تعود الطريقة قيمة الخاصية المحددة باسم الخاصية كـAttr.
البديل:
استخدام طريقة getAttribute() سيكون ذلك أسهل.
انظر أيضًا:
دليل التعليمات:
دليل الاستخدام:
المفهوم: الفرق بين getAttribute() و getAttributeNode()
getAttribute()
الطريقة تعود قيمة الخاصية.
getAttributeNode()
القيمة يستعيد الطريقةعنصر Attr ،يجب أن تستخدم قيمة الخاصية Attr
للحصول على هذه القيمة.
النتيجة تكون متشابهة.
المثال
مثال 1
الحصول على قيمة جذر الخاصية class لـ <h1>: const element = document.getElementsByTagName("H1")[0];
var attr = elmnt.getAttributeNode("onclick").value;
let text = element.getAttributeNode("class").value;
مثال 2
الحصول على قيمة جذر الخاصية target لـ <a>: var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("onclick").value;
var attr = elmnt.getAttributeNode("target").value;
مثال 3
الحصول على قيمة جذر الخاصية onclick لـ <button>: var elmnt = document.getElementById("myBtn");
تجربة شخصية
القواعدelementالم参数.getAttributeNode(
)
) | وصف |
---|---|
الم参数 | name |
القيمة المطلوبة. اسم الخاصية.
نوع | وصف |
---|---|
عنصر | عنصر Attr للعنصر الخاصية. |
null | إذا كانت الخاصية غير موجودة. |
شرح
getAttributeNode()
يستعيد هذا الطريقة جذرًا لـ Attr يُمثل قيمة الخاصية المحددة. ملاحظة، يمكن أيضًا الحصول على هذا الجذر من الخاصية attributes الموروثة من واجهة Node.
دعم المتصفح
element.getAttributeNode()
هو خاصية مستوى DOM 1 (1998).
يتم دعمه في جميع المتصفحات بشكل كامل:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
دعم | 9-11 | دعم | دعم | دعم | دعم |
- الصفحة السابقة getAttribute()
- الصفحة التالية getBoundingClientRect()
- العودة إلى الطبقة السابقة مثلث DOM Elements