在 JavaScript 中如何获取 CSS 属性的值

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

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

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

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

那么，您该怎么做呢？可以使用 getComputedStyle()，它是一个全局函数：

1
2
3

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

tags: [“JavaScript”, “CSS”, “getComputedStyle”]