JavaScript点击按钮开关灯案例
2019-02-26 10:55
106 查看
<style>
.cls{
background-color: brown;
}
</style>
<body id="dd">
<input type="button" value="开/关灯" id="btn"/>
<script>
function my(id){
return document.getElementById(id);
}
my("btn").onclick=function(){
document.body.className=document.body.className !="cls"?"cls":"";
}
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js---基础案例-点击按钮控制背景色开关
- javascript 案例:十秒钟后协议文本框下的注册按钮才能点击，时钟倒数
- javascript 案例,显示一些按钮，如果点击了，当前点击的按钮文本变为“点了”，其他按钮文本变为“没点”
- 使用定时器限制点击按钮发送短信（附源码）--JavaScript小案例
- javascript点击按钮实现隐藏显示切换效果
- OAF 使用 javascript 使某个按钮在5秒内不能重复点击
- 关于javascript中限定时间内防止按钮重复点击并自增的思路详解
- 关于javascript中限定时间内防止按钮重复点击的思路
- 自定义控件（视图）28期笔记07：自定义控件之 自定义属性（开关按钮案例的优化）
- 关于javascript中限定时间内防止按钮重复点击的思路详解
- JavaScript ----点击事件 * 点击图片改变图片路径,达到开关灯效果
- javascript 设置点击按钮的时间间隔
- Javascript实现点击按钮跳转到新的页面
- JavaScript基础 点击按钮刷新网页 location.reload(true)
- HTML/Javascript: 点击按钮页面刷新问题
- JavaScript中点击按钮弹出新的浏览器窗口
- Javascript 点击按钮 提示确认 确认后跳转网页 可传递参数
- javascript控制点击一次按钮实现元素的显示隐藏
- javascript复习第二天经典灯泡开关案例
- 显示倒计时，为零时自动点击按钮提交【JavaScript实现】