使用javascript实现信息的显示和隐藏

原创 2013年12月03日 16:30:44
我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。
<!-- 下面代码通过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实现班级的学生信息显示

百度地图之调用javaScript api接口实现多点标注及显示提示信息

1.先让大家看一下效果

JavaScript设计模式 --- 封装和信息隐藏

封装和信息隐藏信息隐藏原则封装与信息隐藏封装 可以被定义为对对象的内部数据表现形式和实现细节进行隐藏。 创建对象的基本模式JavaScript中创建对象的基本模式有3种: 第一种 门户大开型最简单...

面向对象的javascript系列文章(2)封装——信息隐藏

封装是为了实现在分析层面分离关注点的行为,目的是为了达到信息隐藏。 一、封装是分离关注点的一种实现方式   对于一个复杂的系统来说,经过抽象之后,可以清楚的看到一个层次结构。对于每一层的...
  • wmaoshu
  • wmaoshu
  • 2017年03月26日 22:00
  • 260

javascript设计模式--封装和信息隐藏(上)

今天博文关注的是javascript中的封装,文章内容来自《pro javascript design patterns》(有兴趣的朋友可以直接去下)和自己对这一问题的理解。   本文分上下两部分,...
  • kbh1983
  • kbh1983
  • 2012年07月23日 17:54
  • 379

PHP连接mysql数据库,调用Google Map显示不同地方地图信息,使用Javascript弹出悬浮信息窗口展示。

PHP连接mysql数据库,调用Google Map显示不同地方地图信息,使用Javascript弹出悬浮信息窗口展示。 #cat db_map4.php ...

vs11 express javascript 显示rss信息

效果如下: 做法:1.navigator app project(javascript) 2.homepage.html上输入: The Old New Thing ...

ArcGIS api for javascript——鼠标悬停时显示信息窗口

描述 本例展示当用户在要素上悬停鼠标时如何显示InfoWindow。本例中,要素是查询USA州图层的QueryTask的查询结果。工作流程如下: 1.用户单击一个要素 2.要素是“加亮的”图形。...

JavaScript特效实例001-打开新窗口显示广告信息

实例001                 打开新窗口显示广告信息 实例说明          本实例要在窗口每次被加载的时候弹出一个广告对话框。 技术要点         本实例主要应用Ja...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用javascript实现信息的显示和隐藏
举报原因:
原因补充:

(最多只允许输入30个字)