清浅_纯子
2017-05-24 14:45
<script type="text/javascript">
function hidetex(){
var a=document.getElementById("con");
if(a.style.display=="block"){
a.style.display="none";
}else{
a.style.display="block";
}
}
</script>
display可以设置为inlie(行内元素)、block(块级元素)、inline-block(行内块级)、none(隐藏)。
教程里介绍的其实是display的常用属性值,实际上它的默认值为inline。
因此你的函数在第一次运行时其实是将原属性值(inline)换成了block,而你并看不出二者的区别,误以为没有变化。如果你再次点击,此时它的属性值为block,就可以隐藏(属性值变为none)。
建议,如果你希望能直接改变隐藏和显示状态,可以直接判断display==none。
function btn(){
var mychar = document.getElementById("con");
if(mychar.style.display == "none"){
mychar.style.display ="block";
}else{
mychar.style.display = "none";
}
}
JavaScript入门篇
739817 学习 · 9566 问题
相似问题