方法：打开html开发软件，新建一个html文件，在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。
然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id，在案例中设置案例的id为hide。给div设置隐藏的样式。在
标签后面为id为hide设置样式display:none,这个样id为hide的div就会被隐藏掉了。</p>
<p>写一段JS代码,来改变div的display属性为'none',要显示就为空，比较简单的实现.style.display就是控制层隐藏或显示的属性.<br></p>
<p>DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。</p>
</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="wdhdnr">
<div class="huidanrtop">
<div class="wdhuidaxinx">
<div class="wdhuidaxm">回答2：</div>
</div>
</div>
<div class="clear"></div>
<div class="wdhuidanrmid">
<div class="zuijiacont">
<p>用《巨龙效果图自动切片生成Div+Css工具》吧，智能地自动切片并生成标准的可兼容的div+cs<br>只需要导入效果图，拉框线就可以生成标准的兼容性的DIV+CSS，是网页制作，网页切片的最佳工具。<br>可以下载去试用一下<br>www.guanlian8.com</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="wdhdnr">
<div class="huidanrtop">
<div class="wdhuidaxinx">
<div class="wdhuidaxm">回答3：</div>
</div>
</div>
<div class="clear"></div>
<div class="wdhuidanrmid">
<div class="zuijiacont">
<p>其实要制作一个网页是很简单的，告诉你一个偷懒的方法吧，到用www点guanlian8点com去下载《巨龙效果图自动切片生成Div+Css工具》吧，你的问题也能解决哦，智能地自动切片并生成标准的可<br>兼容的div+cs<br>只需要导入效果图，拉框线就可以生成标准的兼容性的DIV+CSS，高级版本还能智动生成后台，带数据库。是网页制作，网页切片的最佳工具。</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="wdhdnr">
<div class="huidanrtop">
<div class="wdhuidaxinx">
<div class="wdhuidaxm">回答4：</div>
</div>
</div>
<div class="clear"></div>
<div class="wdhuidanrmid">
<div class="zuijiacont">
<p>一般是DIV排版时是用display:none;来隐藏;<br>display:inline来实现显示</p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="wdhdnr">
<div class="huidanrtop">
<div class="wdhuidaxinx">
<div class="wdhuidaxm">回答5：</div>
</div>
</div>
<div class="clear"></div>
<div class="wdhuidanrmid">
<div class="zuijiacont">
<p>写一段JS代码,来改变div的display属性为'none',要显示就为空.</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="wendaright">
<div class="wdluluerwema">
<div class="wdxgwttop">相关问答</div>
<div class="wdxgwtnr">
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/394328338146495125.html" title="怎么让一个div显示一个div隐藏">怎么让一个div显示一个div隐藏</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/1452485033839974340.html" title="用js做一个div隐藏和显示的问题">用js做一个div隐藏和显示的问题</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/180098168180557964.html" title="两种div 隐藏和显示方式的区别">两种div 隐藏和显示方式的区别</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/2120753816452661387.html" title="html隐藏和显示div的问题">html隐藏和显示div的问题</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/1606472080502284307.html" title="HTML中多个DIV层如何隐藏和显示？">HTML中多个DIV层如何隐藏和显示？</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/712129285836703685.html" title="隐藏和显示div">隐藏和显示div</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/568774688.html" title="js显示和隐藏div如何修改">js显示和隐藏div如何修改</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/455265091948202125.html" title="html显示隐藏div">html显示隐藏div</a></div>
<div class="wdxgfbxinxi pcnone "></div>
</div>
</div>
<div class="clear"></div>
</div>
<!-- 其他随机问答['id'=>alphaID($like['zid'])] -->
<div class="wdluluerwema">
<div class="wdxgwttop">最新问答</div>
<div class="wdxgwtnr">
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/76789960.html">div隐藏和显示</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/1691445782635634468.html">写穿越小说需要注意什么事？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/299376799.html">深圳宝安区公明镇邮政编码是多少？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/1695429140671685268.html">苹果电脑怎么添加打印机</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/1834608806745876420.html">有源低音炮能接无源音箱吗</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/2267437678763470748.html">外语考试有几划也go</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/750591763962089172.html">163邮箱电脑版登录入口在哪儿？</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/688578878512033772.html">想从厦门去乌镇坐动车去</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/552905301109154012.html">侠盗飞车4电脑版怎么输秘籍</a></div>
</div>
<div class="wdxgwtcont">
<div class="wdxgtitle"><a href="https://www.13l.net/l/418367745.html">请问中国移动的呼叫转移业务收费吗？</a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="footer">
<!-- 移动底部导航 -->
<div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://www.13l.net/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div>
<div class="dibu">
<div class="dibu">
</div>
</div>
<div class="banquan">
<p>内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024</p>
</div>
</div>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?de17be6dbd20544dd6483cc235b540f9";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
