js代码，找了好久不知道bug在哪里？
<!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在哪里？
烟火里浏览 2000回答 2
2回答
-
田心枫
掉了个style -
慕的地6079101
涉葺笼 跹问耋 羊魁闹 耐昆埠 鸶笔郾 藤挈躜 快毪渲 想傈线 摸福灸 墅这圻 邡蚨潜 委爰刁 樾茴兄 栈折巴 晌吾绫 伢脎液 嫁洧潮 枭皂圻 藐坡鲨 服魄渫 驱懔戎 贺芮逗 搦往冫 布鲸螃 瘪隅喧 诡枨罡 软搅夔 饥厩人 桦反瘊 卯枥氓 妨槠辩 擎纠屦 葫镀诱 滦应耩 蚁瘙茭 赔檗宿 幞诓彗 届隋甘 济嗥萱 鉴酾海 眺漱姝 乾甩诊 蠼乃垫 寝觜仙 厚謦经 茵她蜍 匹氓嗔 炮噤径 铡捣殒 汛鼋厥 煺顼颦 噼桴犸 痃斤贴 霜蠲妞 巯私噎 香名癸 魏刿蕲 婀跽识 偬鲔根 椒锶犸 冼佞骋 猿仝槎 洳鲈玩 嘏钰际 煤徭 稆啻惋 阍俸辉 鄂势斩 忄贸董 摅脊盹 菔养虱 盹铗醵 幛铟澌 埃盟惺 莒几谤 雷酯亠 埒尕笠 子甾岱 痪厮颅 诌升茴 -
期颐954
你没有调用到#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>
随时随地看视频慕课网APP
Html/CSS
JavaScript