javascript - 生成随机十六进制以在html中更改颜色

Question

我有一个网页，其中有一个带有彩色背景的 div 元素。

我希望每次有人加载页面时颜色都会改变。

我在网上找到了这段代码，它显然生成了一个随机的十六进制数:

'#'+Math.floor(Math.random()*16777215).toString(16);

我是 JavaScript 的新手，所以我正在尝试拼凑我是如何实现它的。

我假设我为随机生成的十六进制分配了一个变量:

bandColor = '#'+Math.floor(Math.random()*16777215).toString(16);

现在我不确定我是否在我的样式表或我的 html 中使用这个变量 (bandColor)。

如果是 html，我猜我会在 JavaScript 中做这样的事情:

$("#band").html(bandColor);

然后在 html 中:

<div id="band">

如果有人能指出我的对/错，我将不胜感激!

Answer 1

试试元素的style属性，所以:

$("#band").css("background-color", bandColour);

旁注:有时您的代码会生成五位或更少的十六进制字符串，例如 #9eb8d。您可以通过 left-padding with zeroes 解决此问题:

bandColour = ("000000" + bandColour).slice(-6);

您可以将其放在设置背景颜色的语句之前。