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

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

<!-- 下面代码通过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>


posted @ 2013-12-03 16:30  qmsu  阅读(440)  评论(0)  编辑  收藏  举报