Js控制css——模仿視頻網站關燈開燈

來源:互聯網
上載者:User

 

<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>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.