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

Separation of Concerns CSS Classes أفضلية الفئات على النمط السطري

تحكم بفئات CSS بنظافة في JavaScript عبر كائن classList باستخدام دوال add وremove والعكس المشروط toggle والفحص الدقيق contains والاستبدال الذري replace.
2 صفوف تعليمية
جافا سكريبت
3,728 مشاهدة

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

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

إن كتابة عشرات أسطر التنسيق المباشر عبر el.style يخلط التصميم بالمنطق البرمجي ويعطل توافق الوضع الداكن والشاشات المتجاوبة. لذا تكمن الممارسة الاحترافية في تعريف الفئات داخل ملف CSS ثم التبديل بينها بنظافة عبر الكائن المدمج el.classList!

الصف 2 صورة توضيحية
مخطط دوال إدارة فئات التنسيق في classList: الإضافة والحذف والعكس والفحص والاستبدال

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