如何在 JavaScript 中获取 CSS

要在 JavaScript 中获取 CSS，可以通过以下方式实现：

1. 使用 window.getComputedStyle()

window.getComputedStyle() 方法返回一个包含元素计算样式的 CSSStyleDeclaration 对象。计算样式包括由浏览器计算得出的最终样式值，考虑了继承、级联和用户代理样式表。

示例：

const element = document.getElementById('my-element');
const computedStyle = window.getComputedStyle(element);

2. 使用 Element.style

Element.style 属性返回一个包含元素内联样式的 CSSStyleDeclaration 对象。内联样式是在 HTML 元素上定义的样式，优先级高于外部样式表。

示例：

const element = document.getElementById('my-element');
const style = element.style;

3. 使用 document.styleSheets

document.styleSheets 属性返回一个包含文档中所有样式表的数组。每个样式表都包含一个 CSSStyleSheet 对象，可以通过它的 rules 属性访问其规则。

示例：

const styleSheets = document.styleSheets;
for (let i = 0; i <p><strong>4. 使用 JavaScript 框架</strong></p><p>一些 JavaScript 框架提供了方便的 API 来获取 CSS。例如，jQuery 提供了以下方法：</p>

$(element).css(propertyName)：获取元素的计算样式。
$(element).css(propertyName, value)：设置元素的内联样式。