问答详情
源自:3-5 显示和隐藏(display属性)

请大神指教!

是能隐藏内容没错,但是点一次隐藏两个button就没了,想要再显示内容就没法儿了!http://img2.mukewang.com/5dee4a0900017e3a07560597.jpg

提问者:努力学习的Tony 2019-12-09 21:20

个回答

  • weixin_慕仔7034253
    2019-12-10 15:13:42
    已采纳

    这里的var dis = document.getElementById("op").style.display="none";

    var dis = document.getElementById("op").style.display="block";需要分开,因为写在一起相当于直接赋值为空,自然就没办法隐藏了。

    var dis = document.getElementById("op");

    dis.style.display="none";

    var dis = document.getElementById("op");

    dis.style.display="block";

  • 慕粉2054004295
    2020-04-28 16:58:06

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>display</title>

        <script type="text/javascript"> 

            function hidetext()  

    {  

    var mychar = document.getElementById("con").style.display="none";

            

    }  

    function showtext()  

    {  

    var mychar = document.getElementById("con").style.display="block";

            

    }

        </script> 

    </head> 

    <body>  

        <h1>JavaScript</h1>  

        <p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p> 

        <form>

           <input type="button" onclick="hidetext()" value="隐藏内容" /> 

           <input type="button" onclick="showtext()" value="显示内容" /> 

        </form>

    </body> 

    </html>