我这样写为啥没有效果呀!

来源:3-5 显示和隐藏(display属性)

清浅_纯子

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>

写回答 关注

3回答

  • Mr_Jp黎
    2017-06-14 11:18:33

    display可以设置为inlie(行内元素)、block(块级元素)、inline-block(行内块级)、none(隐藏)。

  • 四叶草姑娘
    2017-06-11 19:24:17

    教程里介绍的其实是display的常用属性值,实际上它的默认值为inline。

    因此你的函数在第一次运行时其实是将原属性值(inline)换成了block,而你并看不出二者的区别,误以为没有变化。如果你再次点击,此时它的属性值为block,就可以隐藏(属性值变为none)。

    建议,如果你希望能直接改变隐藏和显示状态,可以直接判断display==none。

  • 慕粉1325436022
    2017-05-24 15:15:50

    function btn(){

       var mychar = document.getElementById("con");

       if(mychar.style.display == "none"){

           mychar.style.display ="block";

           }else{

               mychar.style.display = "none";

           }

    }


JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题