javascript实现信息的显示和隐藏如注册页面

201 阅读 0 评论 133 点赞

我是靠谱客的博主寂寞世界，最近开发中收集的这篇文章主要介绍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> 