从javascript访问CSS变量

Question

有没有办法从javascript访问CSS变量？这是我的css变量声明。

:root {
  --color-font-general: #336699;
}

Answer 1

只是标准方式：

1. 获取计算的样式 getComputedStyle

2. 使用getPropertyValue以获得所需的属性的值

   getComputedStyle(element).getPropertyValue(‘–color-font-general’);

例：

var style = getComputedStyle(document.body);

console.log(style.getPropertyValue('--color-font-general'));


:root { --color-font-general: #336699; }