61,110
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
.b1{
background: red;
width: 200px;
height:200px;
}
</style>
</head>
<body>
<div class="b1" id="b1">
</div>
<button id='btn' type="button" name="button" onclick="one()">按钮</button>
<script type="text/javascript">
var b1 = document.getElementById('b1')
function one(){
var time = 0;
b1.style.background = time % 2 ==0 ? 'red' : 'white';
}
</script>
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
.b1{
background: red;
width: 200px;
height:200px;
}
</style>
</head>
<body>
<div class="b1" id="b1">
</div>
<button id='btn' type="button" name="button" onclick="one()">按钮</button>
<script type="text/javascript">
/*var b1 = document.getElementById('b1')
var time = 0;
function one(){
time ++ ;
b1.style.background = time % 2 ==0 ? 'red' : 'white';
}*/
var btn = document.getElementById('btn');//获取开关
var b1 = document.getElementById('b1');//获取div
btn.onclick=function(){ //给按钮添加点击事件
b1.style.background = b1.style.background=='red'?'white':'red'; //获取当前style背景的颜色并作出相应的判断。
}
</script>
</script>
</body>
</html>
可以不用time的,你看看这样行不