كيفية الحصول على قيمة خاصية CSS في JavaScript

لنفترض أنك تريد جلب قيمة خاصية CSS في صفحة ويب ، واحدة تم تعيينها باستخدام ورقة أنماط. كيف يمكنك فعل ذلك؟

لنفترض أنك تريد جلب قيمة ملفCSSخاصية في صفحة ويب ، واحدة تم تعيينها باستخدام ورقة أنماط.

الstyleلا تعيد خاصية عنصر ما ، لأنها تسرد فقط خصائص CSS المحددة في أنماط مضمنة ، أو بشكل ديناميكي.

ليست الخصائص المحددة في ورقة أنماط خارجية.

فكيف يمكنك أن تفعل ذلك؟ يستخدمgetComputedStyle()، وظيفة عالمية:

const element = document.querySelector('.my-element')
const style = getComputedStyle(element)
style.backgroundColor //the RGB value

المزيد من دروس js: