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

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

来源：3-5 显示和隐藏（display属性）

MrXia

2016-10-09 09:14

<!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实现了，点击按钮可以隐藏内容或者显示内容；但是请问怎么能默认隐藏呢？

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

写回答关注

8回答

qq_贝波_04034180

2016-10-09 10:02:30

已采纳

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

0 0
digit

2016-11-19 10:55:38

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

0 0
MrXia

2016-10-23 19:58:49

非常感谢大家的热心回答，由于最近今天有点事，没有及时采纳，望请海涵；
但是由于只能采纳一个，这里就采纳第一回答了的，其他的各位也非常感谢。谢谢

0 0
qq_嫉妒五级_03915342

2016-10-17 14:53:05

直接加在样式里

0 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>

0 1
qq_开放式患者_03702648

2016-10-09 10:09:42

添加一个style属性令他none

0 0
qq_贝波_04034180

2016-10-09 10:02:58

希望能够采纳

0 0
樱花树2015

2016-10-09 10:02:46

在<p>标签中加入style属性，令它=none.你试试，再执行时，文本是默认隐藏的。
<p id="con" style="display: none">做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。</p>

0 0