javascript - 从 JavaScript 访问 CSS 变量

Question

<分区>

Answer 1

只是标准方式:

1. 使用 getComputedStyle 获取计算样式
2. 使用getPropertyValue获取所需属性的值

getComputedStyle(element).getPropertyValue('--color-font-general');

例子:

var style = getComputedStyle(document.body)
console.log( style.getPropertyValue('--bar') ) // #336699
console.log( style.getPropertyValue('--baz') ) // calc(2px*2)

:root { --foo:#336699; --bar:var(--foo); --baz:calc(2px*2); }