在脚本中获取 CSS 颜色属性的实际值

在脚本中获取 CSS 颜色属性的实际值，可以使用 JavaScript 的 getComputedStyle() 方法。这个方法可以获取元素的计算样式，包括颜色属性的实际值。

以下是一个示例代码：

// 获取元素
const element = document.querySelector('#my-element');

// 获取计算样式
const computedStyle = window.getComputedStyle(element);

// 获取颜色属性的实际值
const color = computedStyle.getPropertyValue('color');

// 输出颜色属性的实际值
console.log(color);

在这个示例中，我们首先获取了一个元素，然后使用 getComputedStyle() 方法获取了该元素的计算样式。接着，我们使用 getPropertyValue() 方法获取了 color 属性的实际值，并将其输出到控制台。

需要注意的是，getComputedStyle() 方法返回的计算样式对象包含了所有 CSS 属性的实际值，包括颜色属性以外的其他属性。因此，我们可以使用 getPropertyValue() 方法获取任何 CSS 属性的实际值，只需要将属性名作为参数传递即可。