问答详情
源自：3-5 显示和隐藏（display属性）

实现隐藏显示

    <!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 newwin = document.getElementById("con");

        newwin.style.display="none";

       

        }

        function showtext(){

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

        newwin2.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>


提问者：qq_VeryHandSome_0 2018-10-31 14:29

个回答

  • 慕少8397149
    2018-10-31 22:01:36

     <!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 newwin = document.getElementById("con");

            newwin.style.display="none";

           

            }

            function showtext(){

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

            newwin2.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>


    0