从javascript访问CSS变量

• Z时代
• 2024-01-10
• 分类：问答

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

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

回答：

只是标准方式：

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; }

以上是 从javascript访问CSS变量 的全部内容， 来源链接： utcz.com/qa/425043.html