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

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

<!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進(jìn)階篇 9-8

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

634

操作

收起

5 回答

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

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

a.style.display=="none"

}

else{

a.style.display=="block"

}

賦值的話用一個(gè)等號(hào)，兩個(gè)等號(hào)返回true或者false做判斷相等時(shí)使用

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

收起回答

#1

Youruncle 提問(wèn)者

非常感謝！

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

#2

Youruncle 提問(wèn)者

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

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

#3

水里有條魚(yú) 回復(fù) Youruncle 提問(wèn)者

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

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

Youruncle 提問(wèn)者
2016-08-20

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

a.style.display="none"

}

else{

a.style.display="block"

}

這樣就好了

==是判斷,=是賦值

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

收起回答

慕粉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>