Say you want to fetch the value of a CSS property in a web page, one that is set using a stylesheet.
假设您要获取网页中CSS属性的值,该属性是使用样式表设置的。
The style
property of an element does not return it, because it only lists CSS properties defined in inline styles, or dynamically.
元素的style
属性不会返回它,因为它仅列出以内联样式或动态定义CSS属性。
Not the properties defined in an external stylesheet.
不是在外部样式表中定义的属性。
So, how do you do it? Use getComputedStyle()
, a global function:
你是怎么做到的? 使用getComputedStyle()
这个全局函数:
const element = document.querySelector('.my-element')
const style = getComputedStyle(element)
style.backgroundColor //the RGB value
翻译自: https://flaviocopes.com/javascript-get-css-property-value/