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

Inline Style Manipulation Object التنسيق المباشر بخاصية style

عدّل تنسيقات CSS عبر شجرة DOM في JavaScript بإتقان خصائص element.style ووحدات القياس وطرق الإخفاء وقراءة القيم المحسوبة بـ getComputedStyle() ومتغيرات setProperty.
2 صفوف تعليمية
جافا سكريبت
5,854 مشاهدة

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

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

يمتلك كل عنصر في الصفحة كائناً مدمجاً باسم el.style يمثل سمة التنسيق السطرية style="..." الخاصة به. يتيح لك تعديل خاصية مفردة مثل el.style.color دون المساس ببقية الأنماط السطرية، كما يعيد إسناد النص الفارغ "" الخاصية إلى وضعها الأصلي في ملفات التنسيق.

الصف 2 صورة توضيحية
مخطط تنسيق عناصر DOM بين النمط السطري element.style وقراءة getComputedStyle ومتغيرات setProperty