                        课程
                    
                        /前端开发
                        
                            /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>

</body>

</html>

Youruncle

2016-07-29

源自：JavaScript进阶篇 9-8

关注问题我要回答

589

操作

收起

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>