                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

為什么我的點(diǎn)擊事件第一次點(diǎn)擊沒反應(yīng)？

<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()">不會(huì)了怎么辦
??<div?id="hideArea"></div>
</div>
</body>
</html>

水中熊

2015-05-31

源自：JavaScript進(jìn)階篇 2-1

關(guān)注問題我要回答

8975

操作

收起

3 回答

Perona
2015-06-01

把19行的代碼給刪了，就是這一句?display:none;

然后36行加上這一句：

<div?id="hideArea"?style="display:none;"?></div>

第一次點(diǎn)擊就有反應(yīng)了。

原先的代碼讀不到?display:none;第一次點(diǎn)擊只是給加上?display:none;

2 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

水中熊提問者

哦，好使了，謝謝啊。但是原先的代碼為什么讀不到 display:none;？

2015-06-01 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Perona 回復(fù) 水中熊提問者

這個(gè)我也不知道怎么解釋。。。才疏學(xué)淺。。。見諒見諒！

2015-06-01 回復(fù) 有任何疑惑可以回復(fù)我~

#3

PAN_0109 回復(fù) 水中熊提問者

大概JS讀取的只是div的行內(nèi)樣式吧

2015-11-09 回復(fù) 有任何疑惑可以回復(fù)我~

微笑恍若陽光燦丶
2016-05-06

我也遇到了這樣的問題@！

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

微笑恍若陽光燦丶

1111111111111111111111111111

2016-05-06 回復(fù) 有任何疑惑可以回復(fù)我~

Perona
2015-06-01

貼代碼

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

水中熊提問者

sorry，不知道別人看不到我的代碼，這次在幫我看看吧，就是第一次點(diǎn)擊白塊沒反應(yīng)，第二次才好使。

2015-06-01 回復(fù) 有任何疑惑可以回復(fù)我~

#2

一樹青楓回復(fù) 水中熊提問者

同問~

2015-08-12 回復(fù) 有任何疑惑可以回復(fù)我~

#3

水中熊提問者回復(fù) 一樹青楓

今天看到才想起來以前問過這個(gè)問題，現(xiàn)在我知道了，因?yàn)閖s是獲取不到嵌入式樣式（頁面的style里）的display屬性，所以第一次執(zhí)行aa()時(shí)，if里的就是false了，然后執(zhí)行else里的代碼，而這里的代碼為hideArea塊加上了display=none的屬性，然后第二次點(diǎn)擊就可以正常判斷了。

2015-11-05 回復(fù) 有任何疑惑可以回復(fù)我~