如何在CSS中使用JavaScript变量？

Question

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

在JavaScript中，它是：

var bodybg = "#fff"

在CSS中：

body {
  background-color: bodybg;
}

我该如何实现？

Answer 1

您可以使用JavaScript操纵样式。

例如：

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

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

Answer 2

这会更改主体背景颜色

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