【问题标题】: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>`

【讨论】:

  • 这只是一个例子。尝试编写代码并探索此站点中提供了许多示例。 for random colorto set property 我也得到了他们的帮助。
猜你喜欢
  • 1970-01-01
  • 2013-03-24
  • 2015-11-07
  • 1970-01-01
  • 2021-06-02
  • 2016-02-20
  • 2018-03-22
  • 2016-07-17
  • 2022-08-15
相关资源
最近更新 更多