【问题标题】:Div class, Random Color generator in JavascriptDiv 类,Javascript 中的随机颜色生成器
【发布时间】:2016-12-16 21:37:36
【问题描述】:
我不是 Javascript 专家,我需要一点帮助。
我在我的 html 中使用了 9 个 div 类,它显示为矩形框。
我想要这样的结果。当我刷新我的页面时,所有颜色都应该使用 javascript 随机更改,这对我来说可以得到很好的结果。
并给我代码。
【问题讨论】:
标签:
javascript
html
arrays
【解决方案1】:
有点傻,希望你喜欢,这就是你想要的。
<html>
<head>
<style>
.divs{
float:left;
width:30%;
height: 150px;
margin:5px;
}
</style>
</head>
<body onload="changeBackground();">
<div>
<div id="d1" class="divs"></div>
<div id="d2" class="divs"></div>
<div id="d3" class="divs"></div>
</div>
<div>
<div id="d4" class="divs"></div>
<div id="d5" class="divs"></div>
<div id="d6" class="divs"></div>
</div>
<div>
<div id="d7" class="divs"></div>
<div id="d8" class="divs"></div>
<div id="d9" class="divs"></div>
</div>
<script>
function changeBackground() {
var i=1;
for(i=1;i<=9;i++){
document.getElementById("d"+i).style.backgroundColor =
'#'+Math.floor(Math.random()*16777215).toString(16);
}
}
</script>
</body>
</html>`