为什么代码没有显示隐藏的效果，求大神解答

源自：9-8 访问子节点childNodes

为什么代码没有显示隐藏的效果，求大神解答

<!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>

提问者：Youruncle 2016-07-29 15:38

个回答

水里有条鱼

2016-07-29 15:55:00

已采纳

if (a.style.display=="block"){
a.style.display=="none"
}
else{
a.style.display=="block"
}
}
赋值的话用一个等号，两个等号返回true或者false做判断相等时使用

0
Youruncle

2016-08-20 11:48:45

if (a.style.display=="block"){
a.style.display="none"
}
else{
a.style.display="block"
}
这样就好了
==是判断,=是赋值

0
慕粉3361053

2016-08-18 19:37:32

<!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>

0
慕粉3361053

2016-08-15 20:43:38

为什么if（）判断语句中要写if (a.style.display="block")
a.style.display=="none"
}
网页默认为文档为block显示吗？

0
水里有条鱼

2016-07-30 09:38:17

这样子看，假如有一个数A，屏幕会自动显示它的值.
a.style.display -> 是判断A修改A，屏幕显示值自然会变
b = document.getElementById("big").style.display ->把A的值给了b,判断b修改b，但是A并不受影响，所以显示不变

0