DIV的显示与隐藏高手告诉下怎么写

Posted 2023-03-24

我做了3个表格把他们放在了一个大表格里给这个3个小表格套上了层 我想点击第一个层对应的按钮显示第一个层点击第二个层显示第二个层隐藏其他的层那些代码怎么写啊！高手写详细点我新手 谢谢拉！好的一定追分！

很简单，随便给你做个例子

<script>
function hide()
document.getElementById("div1").style.display="none"
document.getElementById("div2").style.display="none"
document.getElementById("div3").style.display="none"

function show(id)
hide()
document.getElementById(id).style.display="block"

</script>

<input type="button" value="div1" onclick="show('div1')"/>

<input type="button" value="div2" onclick="show('div2')"/>

<input type="button" value="div3" onclick="show('div3')"/>
<div id="div1" style="height:50px;width:50px;background-color:red"></div>
<div id="div2" style="height:50px;width:50px;background-color:blue"></div>
<div id="div3" style="height:50px;width:50px;background-color:black"></div> 参考技术A document.getElementById("divid").style.display="none"

JS隐藏和显示页面怎么弄

一个登录页面，点登录按钮后就显示登陆后的页面（html只有一个），求高手指点下

你可以将登陆页面与登录后页面包在两个不同的DIV里面，给两个DIV设置不同的id，点击登录时隐藏登录DIV显示登陆后DIV（PS：虽然不知道为啥你要这样做，但是这么做没有安全性可言），显示隐藏DIV的JS代码：

document.getElementById("EleId").style.display="none";
document.getElementById("EleId").style.display="inline";

参考技术A <div id="login_form" style="display:block;">
</div>
<div id="login_success" style="display:none;>
</div>
登录后:
$("#login_form").hide();//隐藏
$("#login_success").show();//显示本回答被提问者采纳