前言
题目描述:通过Javascript点击按钮实现页面背景颜色的改变
一、实现效果
二、代码示例
代码如下(示例):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button type="button" id="btn">关灯和开灯</button>
<script type="text/javascript">
var btn = document.getElementById("btn");
var flag = true;
btn.onclick = function(){
if(flag){
document.body.style.backgroundColor = "black";
flag = false;
}
else{
document.body.style.backgroundColor = "white";
flag = true;
}
}
</script>
</body>
</html>