通過設置樣式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
聲明：本站所有文章資源內容，如無特殊說明或標注，均為采集網絡資源。如若內容侵犯了原著者的合法權益，可聯系站長刪除。
