仿开灯关灯

最新推荐文章于 2024-04-25 17:52:55 发布

userMeiName

最新推荐文章于 2024-04-25 17:52:55 发布

阅读量160

点赞数

本文链接：https://blog.csdn.net/weixin_43608739/article/details/89817260

版权

    <style>
        .cls {
            background-color: black;
        }
    </style>
</head>
<body id="bd">
<input id="btn" type="button" value="关灯">
<script>
    function my$(id) {
        return document.getElementById(id);
    }
    my$("btn").onclick = function () {
        if (my$("btn").value == "关灯") {
            //可以直接获取body标签
            //在js代码中DOM操作的时候，设置元素的类样式，不用class关键词而是用className
            document.body.className = "cls";
            this.value = "开灯";
        } else if (my$("btn").value == "开灯") {
            //开灯就将类样式设置为空
            document.body.className = "";
            this.value = "关灯";
        }
    };
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

userMeiName

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仿开灯关灯

<style> .cls { background-color: black; } </style></head><body id="bd"><input id="btn" type="button" value="关灯"><script> ...
复制链接

扫一扫