ميزة HTML DOM Document images

التعريف والاستخدام

images الإعتراف بالصفات التي تعود إلى مجموعة جميع عناصر <img> في المستند.

images الخصائص تعود HTMLCollection.

صورةخصائص s غير قابل للتعديل.

إشارة:خاصية images لا تعود بعناصر <input> التي تحتوي على type="image".

HTMLCollection

HTMLCollection هي مجموعة مشابهة للعدد من عناصر HTML (قائمة).

يمكن الوصول إلى العناصر في المجموعة عن طريق المؤشر (من البداية).

الطول الخصائص تعود بعدد العناصر في المجموعة.

انظر أيضًا:

صورة

علامة <img> HTML

دليل الصور HTML

مثال

مثال 1

عدد عناصر <img> في الوثيقة:

document.images.length;

جرب بنفسك

مثال 2

استكشاف جميع عناصر <img> وعرض URL لكل عنصر (src):

const myImages = document.images;
let text = "";
لـ for (let i = 0; i < myImages.length; i++) {
  text += myImages[i].src + "<br>";
}

جرب بنفسك

مثال 3

URL للعنصر الأول <img>:

document.images[0].src;

جرب بنفسك

مثال 4

URL للعنصر الأول <img>:

document.images.item(0).src;

جرب بنفسك

مثال 5

URL للعنصر <img> الذي يحتوي على id="myImg":

document.images.namedItem("myImg").src;

جرب بنفسك

مثال 6

إضافة حافة سوداء للعنصر الأول <img>:

document.images[0].style.border = "10px dotted black";

جرب بنفسك

النصوص

document.images

الخصائص

الخصائص الوصف
الطول عدد عناصر <img> في المجموعة.

الطريقة

الطريقة الوصف
[المؤشر]

يتم إرجاع العنصر الذي يحتوي على المؤشر المحدد (من البداية).

إذا كان المؤشر خارج النطاق، يتم إرجاع null.
item(المؤشر)

يتم إرجاع العنصر الذي يحتوي على المؤشر المحدد (من البداية).

إذا كان المؤشر خارج النطاق، يتم إرجاع null.
namedItem(إذا)

الذي يحتوي على إذا الذي يحتوي على

العنصر. إذا الـ id

إذا لم تكن موجودة، يتم إرجاع null.

نوع الوصف
الشكل

مجموعة HTMLCollection.

جميع عناصر <img> في الوثيقة.

يتم ترتيبها حسب ترتيب ظهورها في الكود المصدر.

دعم المتصفح

document.images هي خاصية مستوى DOM 1 (1998).

جميع المتصفحات يدعمونها:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم