您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
javascript实现信息的显示和隐藏
作者：佚名 责任编辑：admin 更新时间：2022-06-22
信息的显示和隐藏在某些时候还是比较使用的，就比如注册信息，下面有个不错的示例，感兴趣的朋友可以了解下
我们在写注册页面的时候，必填信息是可见的，可选信息是隐藏的，如果用户希望填写，可以单击“详细信息”。 代码如下: <!-- 下面代码通过javascript实现信息的显示和隐藏 --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function $(idvalue){ return document.getElementById(idvalue); } function showtext(){ if($('text').style.display == 'none'){ $('text').style.display = ''; }else{ $('text').style.display = 'none'; } } </script> </head> <body> <div id="text" style="display:none;">这里是隐藏信息</div> <button id="morebtn" onclick="showtext();">详细信息</button> </body> </html>- 上一个程序编程： JavaScript伸缩的菜单简单示例
- 下一个程序编程： 探讨JavaScript中声明全局变量三种方式的异同
