مثال
معرفة عدد <img> العناصر هناك في الوثيقة:
var x = document.images.length;ونتيجة لالعاشر على النحو التالي:
3 انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
جمع الصور بإرجاع مجموعة من كافة <img> العناصر في الوثيقة.
Note: يتم فرز العناصر في المجموعة كما تظهر في شفرة المصدر.
ملاحظة: جمع الصور لا يرجع مجموعة من <input> العناصر مع نوع = "صورة".
نصيحة: ابحث أيضا في كائن صورة .
دعم المتصفح
| مجموعة | |||||
|---|---|---|---|---|---|
| images | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
document.imagesالخصائص
| خاصية | وصف |
|---|---|
| length | إرجاع عدد <img> عناصر في المجموعة. ملاحظة: هذه الخاصية للقراءة فقط |
أساليب
| طريقة | وصف |
|---|---|
| [ index ] | ترجع <img> عنصر من المجموعة مع الفهرس المحدد (starts at 0) . ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق |
| item( index ) | ترجع <img> عنصر من المجموعة مع الفهرس المحدد (starts at 0) . ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق |
| namedItem( id ) | ترجع <img> عنصر من مجموعة مع معرف المحدد. ملاحظة: إرجاع فارغة حالة عدم وجود هوية |
تفاصيل تقنية
| صفحة DOM: | المستوى الأساسي كائن 1 الوثيقة |
|---|---|
| قيمة الإرجاع: | كائن HTMLCollection، تمثل جميع <img> العناصر في الوثيقة. يتم فرز العناصر في المجموعة كما تظهر في التعليمات البرمجية المصدر |
مزيد من الأمثلة
مثال
[المؤشر]
الحصول على URL أول <img> عنصر (index 0) في الوثيقة:
var x = document.images[0].src;ونتيجة لالعاشر على النحو التالي:
http://www.w3ii.com/jsref/klematis.jpg انها محاولة لنفسك » مثال
item( index )
الحصول على URL أول <img> عنصر (index 0) في الوثيقة:
var x = document.images.item(0).src;ونتيجة لالعاشر على النحو التالي:
http://www.w3ii.com/jsref/klematis.jpg انها محاولة لنفسك » مثال
namedItem( id )
الحصول على URL لل <img> عنصر مع معرف = "myImg" في الوثيقة:
var x = document.images.namedItem("myImg").src;ونتيجة لالعاشر على النحو التالي:
http://www.w3ii.com/jsref/smiley.gif انها محاولة لنفسك » مثال
إضافة حد منقط الأسود لأول <img> عنصر في الوثيقة:
document.images[0].style.border = "10px dotted black"; انها محاولة لنفسك » مثال
حلقة من خلال جميع <img> العناصر في الوثيقة، وإخراج URL (src) من كل صورة:
var x = document.images;
var txt = "";
var i;
for (i = 0; i < x.length;
i++) {
txt = txt + x[i].src + "<br>";
}وستكون النتيجة من النص على النحو التالي:
http://www.w3ii.com/jsref/klematis.jpg
http://www.w3ii.com/jsref/klematis2.jpg
http://www.w3ii.com/jsref/smiley.gif انها محاولة لنفسك » صفحات ذات صلة
جافا سكريبت المرجع HTML DOM كائن صورة
HTML البرنامج التعليمي: صور HTML
إشارة HTML: HTML <img> العلامة
<كائن المستند