انتقل إلى محتوى الدرس

Inspecting Page Images Collection مجموعة الصور document images

افحص خصائص المستند الفورية ومجموعات HTMLCollection الحية في JavaScript للوصول للرأس والعنوان والجسم والصور والروابط والنماذج وتحويلها عبر Array.from.
3 صفوف تعليمية
جافا سكريبت
5,022 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تعيد الخاصية document.images مجموعة حية تضم كل عنصر <img> في الصفحة. تستخدمها أدوات فحص الجودة وسهولة الوصول للمرور بحلقة for...of أو الفهرس الرقمي لإحصاء الصور وفحص مساراتها والتأكد من وجود النص البديل alt.

الصف 2 كود برمجي
JavaScript
function auditImages() {
  const imgs = document.images;
  let missingAlt = 0;
  for (const img of imgs) {
    if (!img.alt) missingAlt += 1;
  }
  const out = document.getElementById('img-audit');
  out.textContent = 'Images: ' + imgs.length + ' | Missing alt: ' + missingAlt;
}
الصف 3 ملاحظة هامة