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

请问JavaScript的 display怎样默认隐藏，而不是要点击才隐藏呢

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
    <script type="text/javascript"> 
        function hidetext()  
		{  
		var mychar = document.getElementById("con");
        mychar.style.display="none";
		}  
		function showtext()  
		{  
		var mychar = document.getElementById("con");
        mychar.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>

如上：这里使用了JavaScript的display实现了，点击按钮可以隐藏内容或者显示内容；但是请问怎么能默认隐藏呢？ 

希望好人解答下一下，谢谢


提问者：MrXia 2016-10-09 09:14

个回答

  • qq_贝波_04034180
    2016-10-09 10:02:30
    已采纳

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

    style="display:none;"加上这一句就可以了

    0
  • digit
    2016-11-19 10:55:38

    为什么我试了可是没有效果呢

    0
  • MrXia
    2016-10-23 19:58:49

    非常感谢大家的热心回答， 由于最近今天有点事，没有及时采纳，望请海涵；

    但是由于只能采纳一个，这里就采纳第一回答了的，其他的各位也非常感谢。谢谢

    0
  • qq_嫉妒五级_03915342
    2016-10-17 14:53:05

    直接加在样式里

    0
  • 慕粉4101888
    2016-10-09 10:42:07

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>display</title>

        <script type="text/javascript"> 

            function hidetext()  

            {  

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

            mychar.style.display="none";

            }  

            function showtext()  

            {  

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

            mychar.style.display="block";

            }

        </script> 

    </head> 

    <body>  

        <h1>JavaScript</h1>  

        <p id="con" style="display:none;" >做为一个Web开发师来说，如果你想提供漂亮的网页、令用


    户满意的上网体验，JavaScript是必不可少的工具。</p> 

        <form>

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

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

        </form>

    </body> 

    </html>


    1
  • qq_开放式患者_03702648
    2016-10-09 10:09:42

    添加一个style属性 令他none

    0
  • qq_贝波_04034180
    2016-10-09 10:02:58

    希望能够采纳

    0
  • 樱花树2015
    2016-10-09 10:02:46

    在<p>标签中加入style属性，令它=none.你试试，再执行时，文本是默认隐藏的。

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

    0