如何在CSS中使用JavaScript变量?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (253)

我试图在CSS中使用JS变量。

在JavaScript中,它是:

var bodybg = "#fff"

在CSS中:

body {
  background-color: bodybg;
}

我怎样才能做到这一点?

提问于
用户回答回答于

改变body的背景颜色:

var bodybg = "#fff";
document.querySelector('body').style.backgroundColor = bodybg;
用户回答回答于

你可以使用JavaScript操作样式。

例如:

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

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

扫码关注云+社区

领取腾讯云代金券