شرح صفوف ومحتوى الفقرة
تشبه مجموعة HTMLCollection المصفوفة لامتلاكها .length وفهارس رقمية، لكن Array.isArray(document.links) ترجع false! لذلك فإن استدعاء دوال المصفوفات مثل .slice() أو .reverse() عليها مباشرة يطلق خطأ TypeError. يمنحك استدعاء Array.from(document.links) نسخة مصفوفة حقيقية ثابتة تدعم جميع دوال المصفوفات وتحميك من الحلقات اللانهائية أثناء تعديل الشجرة.
JavaScript
function takeTopTwoLinks() {
const raw = document.links;
const arr = Array.from(raw).slice(0, 2);
const labels = [];
arr.forEach(function (a) { labels.push(a.textContent); });
const out = document.getElementById('arr-out');
out.textContent = 'isArray: ' + Array.isArray(arr) + ' -> ' + labels.join(', ');
}
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
استكشفت خصائص المستند الفورية (head وtitle وbody) وفحصت المجموعات الحية للصور والروابط والنماذج والسكربتات وحولتها لمصفوفات حقيقية عبر Array.from(). الخطوة التالية: انتقل إلى الفصل العاشر لإتقان هندسة أحداث DOM التفاعلية وكائنات الأحداث باحترافية!