小编典典

从javascript访问CSS变量

css

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

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

阅读 702

收藏
2020-05-16

共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; }
2020-05-16