Youruncle
2016-07-29 15:38
<!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>
if (a.style.display=="block"){
a.style.display=="none"
}
else{
a.style.display=="block"
}
}
赋值的话用一个等号,两个等号返回true或者false做判断相等时使用
if (a.style.display=="block"){
a.style.display="none"
}
else{
a.style.display="block"
}
这样就好了
==是判断,=是赋值
<!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>
为什么if()判断语句中要写if (a.style.display="block")
a.style.display=="none"
}
网页默认为文档为block显示吗?
这样子看,假如有一个数A,屏幕会自动显示它的值.
a.style.display -> 是判断A修改A,屏幕显示值自然会变
b = document.getElementById("big").style.display ->把A的值给了b,判断b修改b,但是A并不受影响,所以显示不变
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题