JS实现信息的显示和隐藏
发布时间：2025-03-04 点击：18
我们在写注册页面的时候，必填信息是可见的，可选信息是隐藏的，如果用户希望填写，可以单击“详细信息”。
代码如下：
<!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>
网站被屏蔽了怎么办？
网站建设的8个步骤
电子商务网站建设存在的安全隐患
企业网站建设如何设计制作运营管理才能够得到更多用户的喜爱？
香港虚拟主机购买需要注意哪些问题？
如何选择合适的网站建设服务?
互联网互助计划风险不容小觑
不利于网站优化的操作有哪些？
代码如下：
<!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>
网站被屏蔽了怎么办？
网站建设的8个步骤
电子商务网站建设存在的安全隐患
企业网站建设如何设计制作运营管理才能够得到更多用户的喜爱？
香港虚拟主机购买需要注意哪些问题？
如何选择合适的网站建设服务?
互联网互助计划风险不容小觑
不利于网站优化的操作有哪些？