关闭

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

标签: javascript
675人阅读 评论(0) 收藏 举报
分类:
我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。
<!-- 下面代码通过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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:72399次
    • 积分:1525
    • 等级:
    • 排名:千里之外
    • 原创:85篇
    • 转载:10篇
    • 译文:0篇
    • 评论:2条
    最近目标:成为一个有趣的人!
    座右铭:
    不要剥夺别人吃泡面的权利!
    喜欢记录!偶尔总结!崇尚自由!乐于分享!
    文章分类
    最新评论