<head>
<script>
var bgcolor = #ff0000
</script>
</head>
<body style="background-color: var(--bgcolor);">
</body>
我想制作一个 JS 函数来改变某些输入的背景颜色。我正在使用 JS 函数,但无法让“var”在 HTML 文件中工作。有人可以检查我的代码是否正确吗?
虽然变量的名称和用途相同,但它们在 CSS 和 Javascript 中的使用方式有所不同。它们不可互换。您需要进行与此类似的设置:
<head>
<style>
:root {
--bgcolor: #ff0000
}
</style>
</head>
<body style="background-color: var(--bgcolor);">
</body>
简答?不。CSS 变量与 JS 变量不同
FYK:一个很好的替代方案是使用 DOM 方法,这里对此进行了解释,尽管我认为它在这种情况下不会真正有用(稍后肯定会有用):https://www.w3schools。 com/CSS/css3_variables_javascript.asp
PS:我假设你是从 js 开始的,但我建议使用
let
或 const
来声明变量,我会让你对此做一些研究。