انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #1 من درس: إدارة الفئات بين className وclassList في DOM

Reading Full String className نص الفئات الكامل className

أتقن إدارة الفئات في DOM بالمقارنة العملية بين السلسلة الكاملة className والتحكم الذري عبر دوال classList المشروطة لعناصر HTML وSVG.
3 صفوف تعليمية
جافا سكريبت
2,916 مشاهدة

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

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

نظراً لأن الكلمة class محجوزة في لغة JavaScript لتعريف الفئات البرمجية، اختار معيار DOM الاسم element.className لتمثيل سمة class="..." الخاصة بعنصر HTML.

ترجع قراءة element.className على عناصر HTML السلسلة النصية الكاملة كما هي مفصولةً بمسافات مثل "btn btn-primary shadow-sm" دفعةً واحدة.

الصف 2 صورة توضيحية
مخطط مقارنة نص الفئات الكامل className مع القائمة الذرية classList
الصف 3 ملاحظة هامة

جميع فقرات هذا الدرس (إدارة الفئات بين className وclassList في DOM)