首页 > 新闻中心 > 技术文章 > 正文

JS实现信息的显示和隐藏
2014-03-02 23:03:25   来源:炎帝科技    点击:

我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。

代码如下:
<!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>


相关热词搜索:JS实现信息的显示和隐藏

上一篇:第一页
下一篇:解决火狐高度自动问题

更多

您可能需要的服务

  • 网站建设针对新客户,新建一个网站。

  • 网站改版针对已有网站的客户,提供高端网站服务。

  • 网站维护一个网站最重要的还是维护。

  • 网站优化关键词优化,做到前两页开始收费,免除您的后顾之忧。

  • 手机网站为您做一个与PC网站相匹配的手机Web网站。

  • 视频制作为客户制作宣传片,拍摄MV,会议录制,活动拍摄。

  • 广告印刷宣传单各类纸类印刷,喷绘写真制作。

  • 软件开发基于Windows、Mac OS、Linux等系统的软件、界面设计解决方案。

更多

网站解决方案