如何在 CSS 中使用 JavaScript 变量？ [复制]

【问题标题】：How do I use a JavaScript variable in CSS? [duplicate]如何在 CSS 中使用 JavaScript 变量？ [复制]
【发布时间】：2018-12-23 07:54:32
【问题描述】：

我正在尝试在 CSS 中使用 JS 变量。

在 JavaScript 中是：

var bodybg = "#fff"

在 CSS 中：

body {
  background-color: bodybg;
}

我如何做到这一点？

【问题讨论】：

【解决方案1】：

您可以使用 JavaScript 操作样式。

例如：

<p id="p2">Hello World!</p>

<script>
 var bodybg = '#fff';
 document.getElementById("p2").style.color = bodybg;
</script>

【讨论】：

【解决方案2】：

这个改变body背景颜色

var bodybg = "#fff";
document.querySelector('body').style.backgroundColor = bodybg;

【讨论】：