为什么我的点击事件第一次点击没反应？
来源：2-1 什么是变量
水中熊
2015-05-31 22:23
<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>
写回答
关注
3回答
-
- Perona
- 2015-06-01 16:52:02
把19行的代码给删了，就是这一句 display:none;
然后36行加上这一句：
<div id="hideArea" style="display:none;" ></div>
第一次点击就有反应了。
原先的代码读不到 display:none;第一次点击只是给加上 display:none;
-
- 微笑恍若陽光燦丶
- 2016-05-06 13:39:40
我也遇到了这样的问题@！
-
- Perona
- 2015-06-01 08:39:48
贴代码
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
469188 学习 · 22584 问题
相似问题