zoukankan      html  css  js  c++  java
  • Javascript实现"点按钮出随机背景色的"三个DIV

    <!DOCTYPE html>
    <html>
    <head>
        <title>Random_Color-Transformation</title>
        <style type="text/css">
            .div1{
                height: 50px ;
                 320px;
                background-color: red;
                font-size: 0.5em;
                font-weight: bold;
                font-style: italic;
                text-decoration: underline;
            }
            .div2{
                height: 50px ;
                 320px;
                background-color: yellow;
                font-size: 1em;
                font-weight: bold;
                font-style: italic;
                text-decoration: underline;
            }
        </style>
    
        <style type="text/css">
            .div3{
                height: 50px ;
                 320px;
                background-color: green;
                font-size: 2em;
                font-weight: bolder;
                font-style: oblique;
            }
        </style>
    </head>
    <body>
        <div class = "div1" id="00">
            Some contents here!
        </div>
        <input type="button" value="00" onclick = "getBgColor(this);" />
        <div class = "div2" id="01">
            Some contents here!
        </div>
        <input type="button" value="01" onclick = "getBgColor(this);" />
        <div class = "div3" id="10">
            Some contents here!
        </div>
        <input type="button" value="10" onclick = "getBgColor(this);" />
    </body>
    <script type="text/javascript">
        function getBgColor(t){
            var myDiv = document.styleSheets[t.value.substring(0,1)].cssRules[t.value.substring(1,2)].style.backgroundColor;
            alert(myDiv);
            var a = Math.floor(255*Math.random()) + '';
            var b = Math.floor(255*Math.random()) + '';
            var c = Math.floor(255*Math.random()) + '';
            document.styleSheets[t.value.substring(0,1)].cssRules[t.value.substring(1,2)].style.backgroundColor = 'rgb(' + a + ',' + b + ',' + c + ')';
    
        }
    </script>
    </html>
    
  • 相关阅读:
    反射、枚举
    WebService、Http请求、Socket请求
    RPC和REST的区别
    命名分组
    golang isPowerOfTwo判断是否是2的幂
    golang 判断平台是32位还是64位
    vue的permission.js详解
    windows 下完全卸载oracle 11的详细过程
    freemarker导出word
    freemarker详细教程从入门到精通(三)模板入门与指令
  • 原文地址:https://www.cnblogs.com/ZhengPeng7/p/7630059.html
Copyright © 2011-2022 走看看