js---基础案例-点击按钮控制背景色开关
2019-02-28 10:19
225 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button id="bn">点击</button>
<script>
var bn=document.getElementById("bn");
var bool=false;
bn.addEventListener("click",clickHandler);
function clickHandler(e) {
bool=!bool;
if(bool){
document.documentElement.style.backgroundColor="red";
}else{
document.documentElement.style.backgroundColor="white";
}
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js---基础案例-点击按钮放大缩小盒子
- JS实现点击按钮控制Div变宽、增高及调整背景色的方法
- JS实现点击按钮控制Div变宽、增高及调整背景色的方法
- JAVA2游戏编程——Button(2)（点击按钮控制背景色） 4000
- JS控制点击按钮图片向左或向右循环移动滚动效果
- js控制再次点击按钮之间的间隔时间可防止重复提交
- js 控制按钮点击后不可用
- GridView行单击事件：点击行任意位置都选中该行单选按钮（JS控制radio选中状态）
- js控制一个按钮是否可点击(可使用)disabled
- 游戏编程基础之（二）：通过鼠标点击控制开关的闭合
- js 控制按钮点击后不可用
- js控制一个按钮是否可点击(可使用)disabled的实例
- js控制点击按钮样式切换！
- js图片轮播可控制是否循环轮播，点击左右按钮切换
- js 控制按钮点击后不可用
- js控制当再次点击按钮时的间隔时间
- js控制当再次点击按钮时的间隔时间
- .net 2.0 点击按钮用js控制是否回发&关于vs2005的webproject补丁
- js控制再次点击按钮之间的间隔时间可防止重复提交
- js控制再次点击按钮之间的间隔时间