3顶

点击按钮后给Div图层设置随机背景颜色

稿源：互联网 2022-04-02 21:40:06 点击： 4720 撤稿纠错

给myDiv设置随机背景颜色，用随机颜色代码赋值给DIV的背景颜色..

以下讨论的是和随机背景颜色相关的点击按钮后给Div图层设置随机背景颜色教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=gb2312" />
  <title> 设置随机颜色 </title>     
 </head>
<body>
       
<script type="text/javascript">
        function getcl(){
        var arr = []//定义一个空的数组
        i =0;//为while循环定义i的初始值
        C = '0123456789ABCDEF';//定义颜色代码的字符串
        while(i++ < 6){//循环6次
        x=Math.random()*16;//取0-16之间的随机数给变量x
     b=parseInt(x);//取0-16之前的整数给变量b
     c=C.substr(b,1);//由第b（0-16之间的整数）位开始取一个字符
        arr.push(c);//通过6次循环得到的随机位置取得的字符组合在一起把值给到arr这个数组
        }
        var cl = "#"+ arr.join('');//去掉之前数组之间的逗号，前面再加一个井号，这样颜色随机的颜色代码就生成了，并且把颜色代码赋值给变量cl
  return cl;//把cl的值返回给函数getcl()
        }
document.write(cl);//输出cl测试一下结果
//下面开始给div的背景颜色赋值
     function setColor(){//新建一个设置颜色的函数setColor
   document.getElementById("myDiv").style.backgroundColor = getcl();//把上面得到的随机颜色代码赋值给DIV的背景颜色
  }  
</script>
     <div id="myDiv" style="width:200px;height:200px;"></div>
 <input type="button" value="给myDiv设置随机背景颜色" onclick="setColor()" />
</body>
</html>

关于点击按钮后给Div图层设置随机背景颜色的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2011071572551.shtml方便下次再访问哦。

·上一篇： 划词搜索特效：鼠标划选网页文字后显示在特定的文本框内
·下一篇： js点击列表文字，实现该行文字显示背景色的特效代码

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

点击按钮后给Div图层设置随机背景颜色

文章分类LIST >>返回首页

最新游戏

最新新闻