JS实现信息的显示和隐藏
发布时间：2025-04-13 点击：5
我们在写注册页面的时候，必填信息是可见的，可选信息是隐藏的，如果用户希望填写，可以单击“详细信息”。
代码如下：
<!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>
开发者亲叙：WebXR诞生7年后，内容生态的未来
你知道网页动画实现方式有些？
网站制作有哪些误区需及时避开呢？
怎么样做网站才能提高排名和访问量？
如何在SEO关键字研究中使用竞争分析
企业网站如何留住用户
微商人员6大误区，看看自己有没有
高端企业网站建设需要注意什么？
代码如下：
<!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>
开发者亲叙：WebXR诞生7年后，内容生态的未来
你知道网页动画实现方式有些？
网站制作有哪些误区需及时避开呢？
怎么样做网站才能提高排名和访问量？
如何在SEO关键字研究中使用竞争分析
企业网站如何留住用户
微商人员6大误区，看看自己有没有
高端企业网站建设需要注意什么？