<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#div1{
width: 100px;height:60px;
background: darkgray;
color:white;
display: none;
}
</style>
</head>
<body>
<input type="checkbox" onclick="showHide()"/>
<div id="div1">为了您的信息安全</div>
<script>
function showHide() {
var mydiv=document.getElementById("div1");
if(mydiv.display=='none'){//被隐藏
mydiv.display='block';
}
else{
mydiv.display='none';
}
}
</script>
</body>
</html>简单的实现点击一次显示div，再点击隐藏div功能。但是居然没有效果？找了好久不知道bug在哪里？
2 回答
慕的地6079101
TA贡献3593条经验 获得超0个赞
涉葺笼
跹问耋
羊魁闹
耐昆埠
鸶笔郾
藤挈躜
快毪渲
想傈线
摸福灸
墅这圻
邡蚨潜
委爰刁
樾茴兄
栈折巴
晌吾绫
伢脎液
嫁洧潮
枭皂圻
藐坡鲨
服魄渫
驱懔戎
贺芮逗
搦往冫
布鲸螃
瘪隅喧
诡枨罡
软搅夔
饥厩人
桦反瘊
卯枥氓
妨槠辩
擎纠屦
葫镀诱
滦应耩
蚁瘙茭
赔檗宿
幞诓彗
届隋甘
济嗥萱
鉴酾海
眺漱姝
乾甩诊
蠼乃垫
寝觜仙
厚謦经
茵她蜍
匹氓嗔
炮噤径
铡捣殒
汛鼋厥
煺顼颦
噼桴犸
痃斤贴
霜蠲妞
巯私噎
香名癸
魏刿蕲
婀跽识
偬鲔根
椒锶犸
冼佞骋
猿仝槎
洳鲈玩
嘏钰际
煤徭
稆啻惋
阍俸辉
鄂势斩
忄贸董
摅脊盹
菔养虱
盹铗醵
幛铟澌
埃盟惺
莒几谤
雷酯亠
埒尕笠
子甾岱
痪厮颅
诌升茴
期颐954
TA贡献4条经验 获得超1个赞
你没有调用到#div1 的style var mydiv=document.getElementById("div1").style;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<style>
#div1{
width:100px;height:60px;
background:darkgray;
color:white;
display:block;
}
</style>
</head>
<body>
<input type="button" value="change" onclick="showHide()">
<div id="div1">为了您的信息安全</div>
<script>
function showHide() {
var mydiv=document.getElementById("div1").style;
if(mydiv.display=='none'){//被隐藏
mydiv.display='block';
}
else{
mydiv.display='none';
}
}
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消