                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

為什么代碼沒有顯示隱藏的效果，求大神解答

<!DOCTYPE html>

<html>

<head>

<title>

</title>

#txt{

width: 200px;

height: 150px;

background: red;

}

</style>

function add(){

var a=document.getElementById("txt");

if (a.style.display=="block"){

a.style.display=="none"

}

else{

a.style.display=="block"

}

</script>

</head>

<body>

? ? ? ? <div id="txt"> </div>

</body>

</html>

Youruncle

2016-07-29

源自：JavaScript進階篇 9-8

關注問題我要回答

651

操作

收起

5 回答

水里有條魚回答被采納 +3 積分
2016-07-29

if (a.style.display=="block"){

a.style.display=="none"

}

else{

a.style.display=="block"

}

賦值的話用一個等號，兩個等號返回true或者false做判斷相等時使用

0 回復有任何疑惑可以回復我~

收起回答

Youruncle 提問者

非常感謝！

2016-07-29 回復有任何疑惑可以回復我~

Youruncle 提問者

function add(){ var a = document.getElementById("big").style.display if(a=="block"){ a="none" } else{ a="block" } } 代碼為何不能這樣用

2016-07-30 回復有任何疑惑可以回復我~

水里有條魚回復 Youruncle 提問者

這樣子看，假如有一個數A，屏幕會自動顯示它的值. a.style.display -> 是判斷A修改A，屏幕顯示值自然會變 b = document.getElementById("big").style.display ->把A的值給了b,判斷b修改b，但是A并不受影響，所以顯示不變。

2016-07-30 回復有任何疑惑可以回復我~

Youruncle 提問者
2016-08-20

if (a.style.display=="block"){

a.style.display="none"

}

else{

a.style.display="block"

}

這樣就好了

==是判斷,=是賦值

0 回復有任何疑惑可以回復我~

收起回答

慕粉3361053
2016-08-18

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>

</title>
<style type="text/css">
#txt{
width: 200px;
height: 150px;
background: red;

}
</style>
<script type="text/javascript">
function add(){
var a=document.getElementById("txt");

if (a.style.display=="block"){
a.style.display=="none"
}
else{
a.style.display=="block"
}
}
</script>

</head>
<body>
<input type="button" name="" id="" value="顯示消失" onclick="add()"/>
? ? ? ? <div id="txt"> </div>
</body>
</html>