通过设置样式display类设置显示和隐藏
display:block显示
display:none隐藏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
onload = function () {
var btn = this.document.getElementById('btn');
btn.onclick = function () {
if (this.value == '显示') {
document.getElementById('dv').style.display = 'block';
this.value = '隐藏';
}
else {
document.getElementById('dv').style.display = 'none';
this.value = '显示';
}
}
}
</script>
</head>
<body>
<input type="button" id="btn" name="name" value="显示" />
<div id="dv" style="width:100px;height:100px; border:1px solid red;display:none"></div>
</body>
</html>