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

Question

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

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

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

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

我是一个真正的小伙子，我只做一个小项目。我只知道一点点HTML。有人可以解释一下它是如何工作的吗？我在网上发现了很多，但不知道如何使用。

Answer 1

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

document.querySelector('div')

然后设置它的颜色，也许是这样的：

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

请参阅this fiddle了解演示。

Answer 2

如果要使用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.