假设您想要在网页中获取 CSS 属性的值,其中该属性是使用样式表设置的。您可以如何做到这一点呢?

假设您想要在网页中获取 CSS 属性的值,其中该属性是使用样式表设置的。

元素的 style 属性不会返回它,因为它仅列出内联样式或动态设置的 CSS 属性。

而不是外部样式表中定义的属性。

那么,您该怎么做呢?可以使用 getComputedStyle(),它是一个全局函数:

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