Js控制css——模仿视频网站关灯开灯-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

Js控制css——模仿视频网站关灯开灯

简介:
 

<head>
    <title></title>
    <style type="text/css">
        .day
        {
            background-color:White;
        }
       
        .night
        {
            background-color:Black;
        }
    </style>
    <script type="text/javascript">
        function SwitchLight() {
            var btn = document.getElementByIdx_x("btnChange");

            if (document.body.className == "night") {
                document.body.className = "day";
                btn.value = "关灯";
            }
            else if (document.body.className == "day") {
                document.body.className = "night";
                btn.value = "开灯";
            }
        }
    </script>
</head>
<body class="night">
    <input id="btnChange" type="button" value="开灯" onclick="SwitchLight()" />
</body>

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: