我在html文档中正确使用了这个JS变量吗?

问题描述 投票:0回答:2
<head>
  <script>
    var bgcolor = #ff0000
  </script>
</head>
<body style="background-color: var(--bgcolor);">
</body>

我想制作一个 JS 函数来改变某些输入的背景颜色。我正在使用 JS 函数,但无法让“var”在 HTML 文件中工作。有人可以检查我的代码是否正确吗?

javascript html var
2个回答
0
投票

虽然变量的名称和用途相同,但它们在 CSS 和 Javascript 中的使用方式有所不同。它们不可互换。您需要进行与此类似的设置:

<head>
  <style>
    :root {
      --bgcolor: #ff0000
    }
  </style>
</head>
<body style="background-color: var(--bgcolor);">
</body>


0
投票

简答?不。CSS 变量与 JS 变量不同

FYK:一个很好的替代方案是使用 DOM 方法,这里对此进行了解释,尽管我认为它在这种情况下不会真正有用(稍后肯定会有用):https://www.w3schools。 com/CSS/css3_variables_javascript.asp

PS:我假设你是从 js 开始的,但我建议使用

let
const
来声明变量,我会让你对此做一些研究。

© www.soinside.com 2019 - 2024. All rights reserved.