شرح صفوف ومحتوى الفقرة
اعتمد هذه القاعدة الهندسية الواضحة عند الاختيار بين الخاصيتين في مشاريعك:
| وجه المقارنة | element.className | element.classList |
|---|---|---|
| نوع القيمة في HTML | سلسلة نصية مفصولة بمسافات | كائن DOMTokenList يمنع التكرار |
| نوع القيمة في SVG | كائن SVGAnimatedString مختلف | نفس DOMTokenList الموحد تماماً |
| تحديث حالة تفاعلية مفردة | خطر (يمسح الفئات المجاورة) | آمن ودقيق عبر add وtoggle وreplace |
| أفضل موضع للاستخدام | التهيئة الأولية لعنصر منشأ للتو بـ createElement | كافة التحديثات التفاعلية والسمات والتحقق من الحقول |
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس إدارة الفئات بين className وclassList: مخاطر استبدال النص الكامل واختلاف عناصر SVG، ودوال التحكم الذري عبر add وtoggle المشروطة وreplace، ومعيار الاختيار العملي بينهما. الخطوة التالية: انتقل إلى درس خصائص الأبعاد الداخلية client لقياس المساحة الداخلية وسماكة الإطار بدقة.