انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: تعديل تنسيقات CSS عبر DOM في JavaScript

Reading Real Styles ComputedStyle قراءة التنسيق getComputedStyle

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

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

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

انتبه لحقيقة جوهرية: لا تقرأ el.style.fontSize سوى ما كُتب مباشرةً داخل سمة style="..." السطرية، وترجع نصاً فارغاً للأنماط القادمة من ملفات CSS! ولقراءة التنسيق النهائي الفعلي المحسوب على الشاشة استدعِ الدالة المخصصة للقراءة window.getComputedStyle(el).

الصف 2 معاينة حية

جميع فقرات هذا الدرس (تعديل تنسيقات CSS عبر DOM في JavaScript)