将HTML背景颜色设置为JS变量
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了将HTML背景颜色设置为JS变量相关的知识，希望对你有一定的参考价值。
我想将一个在javascript中设置的变量设置为html页面的背景。
我正在制作Chrome新标签覆盖，其中一部分是生成随机颜色十六进制作为背景。
得到这个问题后，我决定测试一下：
<body style="background-color:colour;">
<script>
var colour = blue;
</script>
</body>
是的，标签就在那里。我不得不删除它们，因为stackoverflow不允许它们显示。
答案
您可以使用JavaScript设置背景颜色，而不是尝试在HTML中使用JavaScript变量，因为这是不可能的：
var colour = "blue";
document.body.style.backgroundColor = colour;
另一答案
您可以按照以下练习随机更改任何元素的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>以上是关于将HTML背景颜色设置为JS变量的主要内容，如果未能解决你的问题，请参考以下文章