为什么我的点击事件第一次点击没反应？

源自：2-1 什么是变量

为什么我的点击事件第一次点击没反应？

<html>
<head>
<style type="text/css">
body{
            background-color:#333;
        }
#myA{
            background-color:#fff;
            width:350px;
            margin-left:10px;
            color:#666;
            padding:10px;
            cursor:pointer;
        }
#hideArea{
            height:30px;
            width:350px;
            background-color:#fff;
            display:none;
        }
    </style>
</head>
<body>
<script>
        function aa(){
            var myArea = document.getElementById("hideArea");
            if(myArea.style.display=="none"){
                myArea.style.display="block";
            }
            else{
                myArea.style.display="none";
            }
        }
    </script>
<div id="myA" onclick="aa()">不会了怎么办
  <div id="hideArea"></div>
</div>
</body>
</html>

提问者：水中熊 2015-05-31 22:23

个回答

Perona

2015-06-01 16:52:02

已采纳

把19行的代码给删了，就是这一句 display:none;
然后36行加上这一句：
```
<div id="hideArea" style="display:none;" ></div>
```
第一次点击就有反应了。
原先的代码读不到 display:none;第一次点击只是给加上 display:none;

2
微笑恍若陽光燦丶

2016-05-06 13:39:40

我也遇到了这样的问题@！

0
Perona

2015-06-01 08:39:48

贴代码

0