صور مستندات HTML DOM
مثال
عدد عناصر <img> في المستند:
document.images.length;
قم بالتكرار الحلقي فوق جميع عناصر <img> ، ثم أخرج عنوان URL (src) لكل منها:
const myImages = document.images;
let text = "";
for (let i = 0; i < myImages.length; i++) {
text += myImages[i].src + "<br>";
}
عنوان URL لعنصر <img> الأول هو:
document.images[0].src;
عنوان URL لعنصر <img> الأول هو:
document.images.item(0).src;
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تقوم imagesالخاصية بإرجاع مجموعة من كل عناصر <img> في المستند.
تقوم imagesالخاصية بإرجاع HTMLCollection .
imagesالخاصية للقراءة فقط .
ملحوظة
لا تقوم imagesالخاصية بإرجاع عناصر <input> من النوع = "image".
أنظر أيضا:
مجموعة HTML
مجموعة HTML هي مجموعة من عُقد HTML.
يمكن الوصول إلى العقد في مجموعة من خلال أرقام الفهرس. يبدأ الفهرس من 0.
ترجع خاصية length عدد العناصر في المجموعة.
بناء الجملة
document.images
الخصائص
| Property | Description |
| length | The number of <img> elements in the collection. |
طرق
| Method | Description |
| [index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
| namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
قيمة الإرجاع
| نوع | وصف |
| هدف | كائن مجموعة HTML. جميع عناصر <img> في المستند. يتم فرز العناصر كما تظهر في المستند. |
مزيد من الأمثلة
عنوان URL لعنصر <img> مع id = "myImg" هو:
document.images.namedItem("myImg").src;
أضف حدًا أسود إلى عنصر <img> الأول:
document.images[0].style.border = "10px dotted black";
دعم المتصفح
document.images هي ميزة DOM المستوى 1 (1998).
إنه مدعوم بالكامل في جميع المتصفحات:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |