javascript - 使用 Javascript 变量更改 HTML 中的背景颜色

Question

我有一些 Javascript 变量，我想提供给我的 HTML 样式表：例如我的变量：

<script type="text/javascript">
var color="#2E2E2E";
</script>

现在我想将此变量提供给我的一个样式表。例如：

<div style="background:color">this is a test</tes>

我是一个真正的菜鸟，我只做一个小项目。我只知道一点html。有人可以解释一下它是如何工作的吗？网上找了很多，不知道怎么用。

score 2 · Accepted Answer

您需要以某种方式获取 JS 中的元素。例如：

document.querySelector('div')

然后设置它的颜色，可能是这样的：

document.querySelector('div').style.color = color;

请参阅此小提琴以进行演示。

score -1 · Accepted Answer

如果你想用 JS 改变那个元素的颜色或其他东西，你需要使用 ID。喜欢

<div id="something" style="background:color">this is a test</div>

比你可以使用这个 JS scrypt：

document.getElementById('something').style="background-color:"+color; // where color is a variable with an color, like #354268 or #E3A or red.

2 回答 2