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

发布时间：2023-08-11 14:37:19 所属栏目：教程来源：

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

代码如下:



<!DOCTYPE html>

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

代码如下:



<!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>

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!