将HTML背景颜色设置为JS变量

Question

我想设置一个在JavaScript中设置为HTML页面背景的变量。

我正在设置Chrome的新标签页替代，其中一部分会生成随机的颜色十六进制作为背景。

遇到此问题后，我决定对其进行测试：

<body style="background-color:colour;">
<script>
var colour = blue;
</script>
</body>

是的，标签在那里。 我必须删除它们，因为stackoverflow不允许它们显示。

Answer 1

您可以使用JavaScript设置背景颜色，而不必尝试在HTML中使用JavaScript变量，因为这是不可能的：

var colour = "blue";
document.body.style.backgroundColor = colour;

Answer 2

您可以按照以下做法随机更改任何元素的background-color 。

 <body id="bodyTag"> <script> function getColor() { let codes = 'abcdef0123456789'; var color = '#'; for (var i = 0; i < 6; i++) { color += codes[Math.floor(Math.random() * 16)]; } return color; } var body = document.getElementById("bodyTag"); body.style.background=getColor(); </script> </body>