مثال
معرفة عدد سمات و <button> عنصر لديك:
var x = document.getElementById("myBtn").attributes.length;نتيجة لس يمكن أن يكون:
2 انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
الخاصية سمات بإرجاع مجموعة من سمات العقدة المحددة، وككائن NamedNodeMap.
العقد يمكن الوصول إليها عن طريق الأرقام القياسية، ويبدأ المؤشر عند 0.
نصيحة: العددي الفهرسة مفيدة للذهاب من خلال جميع سمات عنصر في: يمكنك استخدام طول خاصية الكائن NamedNodeMap لتحديد عدد من الصفات، ثم يمكنك حلقة من خلال جميع سمات العقد واستخراج المعلومات التي تريدها.
نصيحة: سمات HTML هي السمة العقد، مع كل الخصائص والأساليب المتاحة ل السمة الكائن.
دعم المتصفح
| خاصية | |||||
|---|---|---|---|---|---|
| attributes | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
ملاحظة: في Internet Explorer 8 و في وقت سابق، فإن خاصية سمات بإرجاع جمع كل سمات الممكنة لعنصر.
بناء الجملة
node .attributes
تفاصيل تقنية
| قيمة الإرجاع: | كائن NamedNodeMap، تمثل مجموعة من سمات العقدة |
|---|---|
| صفحة DOM | المستوى الأساسي كائن 1 عقدة |
مزيد من الأمثلة
مثال
الحصول على اسم <button> الثانية العنصر (index 1) سمة:
var x = document.getElementById("myBtn").attributes[1].name;نتيجة لس يمكن أن يكون:
onclick انها محاولة لنفسك » مثال
معرفة عدد سمات و <img> عنصر لديك:
var x = document.getElementById("myImg").attributes.length;نتيجة لس يمكن أن يكون:
5 انها محاولة لنفسك » مثال
حلقة من خلال جميع سمات ل <img> عنصر والإخراج اسم كل سمة وقيمة:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
} انها محاولة لنفسك »