<style>
div{
height: 200px;
width: 200px;
background-color: greenyellow;
}
</style>
</head>
<body>
<input type="button" value="隐藏" id="btn">
<div id="dv">
</div>
<script>
function my$(id) {
return document.getElementById(id);
}
my$("btn").onclick = function () {
//判断当前点击的按钮的value属性值
if (this.value == "隐藏") {
my$("dv").style.display = "none"; //隐藏
this.value = "显示";
}else if (this.value == "显示") {
my$("dv").style.display = "block"; //显示
this.value = "隐藏";
}
};
</script>
点击前
点击后