                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

请问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

源自：JavaScript入门篇 3-5

关注问题我要回答

1197

操作

收起

8 回答

qq_贝波_04034180 回答被采纳 +3 积分
2016-10-09

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

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

0 回复有任何疑惑可以回复我~

digit
2016-11-19

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

0 回复有任何疑惑可以回复我~

MrXia 提问者
2016-10-23

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

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

0 回复有任何疑惑可以回复我~

qq_嫉妒五级_03915342
2016-10-17

直接加在样式里

0 回复有任何疑惑可以回复我~

慕粉4101888
2016-10-09

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

添加一个style属性令他none

0 回复有任何疑惑可以回复我~

qq_贝波_04034180
2016-10-09

希望能够采纳

0 回复有任何疑惑可以回复我~

樱花树2015
2016-10-09

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

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

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript入门篇

参与学习 741784 人
解答问题 9869 个

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

本课相似问答

3 回答js怎么让display属性默认隐藏

1 回答代码通过了，但是点击隐藏，隐藏不了

2 回答为什么点击隐藏没有隐藏呢哪里错了

5 回答display="none"隐藏不成功

4 回答点击按钮，内容隐藏，再点击一下，然后内容又显示了，这种效果怎么做？然后默认的是隐藏的

搜索更多本课相关问答

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

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号