Click事件在显示和隐藏中的BUG

来源：互联网发布：放置江湖修改数据编辑：程序博客网时间：2024/05/29 14:33

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1 {background:#CCC;}
</style>
</head>
<body>
<input type="button" id="byn" value="显示隐藏"/>
<div id="div1">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Accusantium alias aliquam amet, deserunt, doloremque esse iste itaque laudantium non officiis porro quae, quas quasi quia quo sequi tenetur voluptatem voluptatum?
</div>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
var btn=document.getElementById('byn');
btn.onclick=function(){
if(oDiv.style.display=="block")
{
oDiv.style.display="none";
}
else
{
oDiv.style.display="block";
}
}}
</script>
</body>

</html>

在页面点击中会出现连续点击两次才会出现结果。因为点击按钮时，浏览器查看div状态与判断状态相比较，会有“死机状态”（。。。希望给建议），

所以只需要将if中状态“block”改为“none”，让他在一开始就直接判断即可。

一开始的判断条件就要当前状态的反面

0 0