通过设置样式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>
如果您的问题还未解决可以联系站长付费协助。
有问题可以加入技术QQ群一起交流学习
本站vip会员 请加入无忧模板网 VIP群（50604020） PS:加入时备注用户名或昵称
普通注册会员或访客 请加入无忧模板网 技术交流群（50604130）
客服微信号：15898888535
声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若内容侵犯了原著者的合法权益，可联系站长删除。
