首页 / JAVA / 14JavaScript DOM显示和隐藏层

14JavaScript DOM显示和隐藏层

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了14JavaScript DOM显示和隐藏层，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1278字，纯文字阅读大概需要2分钟。

内容图文

             1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 4     <title></title>
 5     <script type="text/javascript">
 6         onload = function () {
 7//单击显示按钮显示层 8             document.getElementById(‘btnShow‘).onclick = function () {
 9                 document.getElementById(‘dv‘).style.display = ‘block‘;
10            };
11//隐藏12             document.getElementById(‘btnHidde‘).onclick = function () {
13                 document.getElementById(‘dv‘).style.display = ‘none‘;
14            };
15//切换变化16             document.getElementById(‘btnChange‘).onclick = function () {
17//判断18if (document.getElementById(‘dv‘).style.display != ‘none‘) {
19                     document.getElementById(‘dv‘).style.display = ‘none‘;
20                 } else {
21                     document.getElementById(‘dv‘).style.display = ‘block‘;
22                };
23            };
24        };
25     </script>
26 </head>
27 <body>
28     <input id="btnShow" type="button" name="name" value="显示 " />
29     <input id="btnHidde" type="button" name="name" value="隐藏 " />
30     <input id="btnChange" type="button" name="name" value="显示\隐藏 " />
31     <div id="dv" style="height:300px;width:400px;background-color:green;display:none" ></div>
32 </body>
33 </html>

 

原文：http://www.cnblogs.com/clcloveHuahua/p/5112229.html

内容总结

以上是互联网集市为您收集整理的14JavaScript DOM显示和隐藏层全部内容，希望文章能够帮你解决14JavaScript DOM显示和隐藏层所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1256705.html

来源：【匿名】