سمات عنصر HTML DOM
أمثلة
كم عدد السمات التي يمتلكها عنصر <img>:
let numb = document.getElementById("myImg").attributes.length;
عرض جميع سمات عنصر <img>:
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تقوم attributes
الخاصية بإرجاع مجموعة من السمات في عنصر.
تقوم attributes
الخاصية بإرجاع NamedNodeMap.
NamedNodeMap
NamedNodeMap عبارة عن مجموعة (قائمة) تشبه مجموعة من Attr (Attributes) Objects.
تحتوي NamedNodeMap على خاصية طول تُرجع عدد السمات في القائمة.
يمكن الوصول إلى السمات من خلال أرقام الفهرس. يبدأ الفهرس من 0.
أنظر أيضا:
بناء الجملة
node.attributes
قيمة الإرجاع
نوع | وصف |
NamedNodeMap | مجموعة من كائنات السمة. |
مزيد من الأمثلة
كم عدد السمات التي يمتلكها عنصر <button>:
let numb = document.getElementById("myButton").attributes.length;
احصل على اسم السمة الثانية (الفهرس 1) لعنصر <button>:
let attr = document.getElementById("myBtn").attributes[1].name;
دعم المتصفح
element.attributes
هي ميزة DOM المستوى 1 (1998).
إنه مدعوم بالكامل في جميع المتصفحات:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |