JavaScript：如何用代码随意隐藏和显示一个web界面中的容器？
举个例子就行：比如我想点击一个界面中的一个按钮，此时界面上显示出一些其他按钮。而当我点击另外一些按钮时候，它会隐藏刚才该界面中显示的那些按钮。谢谢，很急!谢谢了答案都不错...
举个例子就行：比如我想点击一个界面中的一个按钮，此时界面上显示出一些其他按钮。
而当我点击另外一些按钮时候，它会隐藏刚才该界面中显示的那些按钮。
谢谢，很急!
谢谢了 答案都不错 展开
而当我点击另外一些按钮时候，它会隐藏刚才该界面中显示的那些按钮。
谢谢，很急!
谢谢了 答案都不错 展开
4个回答
展开全部
<html>
<head>
<title>隐藏和显示层</title>
<script language="javascript" type="text/javascript">
function Hid_ShowDiv()
{
document.getElementById("div_1").style.display = document.getElementById("div_1").style.display == "block" ? "none" : "block";
}
</script>
</head>
<body>
<div id="div_1" style="display:block">这里是提示内容</div>
<input type="button" id="button_1" value="隐藏/显示层" onclick="Hid_ShowDiv()" />
</body>
</html>
<!-- 请复制这里所有代码,粘贴到一个新建文本文档里,修改文档后缀为.htm或者html打开查看效果 -->
<head>
<title>隐藏和显示层</title>
<script language="javascript" type="text/javascript">
function Hid_ShowDiv()
{
document.getElementById("div_1").style.display = document.getElementById("div_1").style.display == "block" ? "none" : "block";
}
</script>
</head>
<body>
<div id="div_1" style="display:block">这里是提示内容</div>
<input type="button" id="button_1" value="隐藏/显示层" onclick="Hid_ShowDiv()" />
</body>
</html>
<!-- 请复制这里所有代码,粘贴到一个新建文本文档里,修改文档后缀为.htm或者html打开查看效果 -->
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用JS中的getElementById获得其它指定元素(如按钮等)的ID值,再进行相应的操作.
比如有一个表格,ID值为"t1",点击一个按钮使表格隐藏和显示的代码如下:
<script>
function cmdClick(){
var t=document.getElementById("t1");
if(t.style.display=="")
t.style.display="none";
else
t.style.display="";
}
比如有一个表格,ID值为"t1",点击一个按钮使表格隐藏和显示的代码如下:
<script>
function cmdClick(){
var t=document.getElementById("t1");
if(t.style.display=="")
t.style.display="none";
else
t.style.display="";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function show(){
var a=document.getElementById('bar');
if(a.style.display=="none"){
a.style.display="block";
}
}
function hidden(){
var a=document.getElementById('bar');
if(a.style.display=="block"){
a.style.display="none";
}
}
</script>
</head>
<body>
<div id=bar style="display:none">
<input type="button" value="1" onClick="" />
<input type="button" value="2" onClick="" />
<input type="button" value="3" onClick="" />
<input type="button" value="4" onClick="" />
<input type="button" value="5" onClick="" />
</div>
<hr>
<button onclick="show()">显示</button>
<button onclick="hidden()">隐藏</button>
</body>
</html>
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function show(){
var a=document.getElementById('bar');
if(a.style.display=="none"){
a.style.display="block";
}
}
function hidden(){
var a=document.getElementById('bar');
if(a.style.display=="block"){
a.style.display="none";
}
}
</script>
</head>
<body>
<div id=bar style="display:none">
<input type="button" value="1" onClick="" />
<input type="button" value="2" onClick="" />
<input type="button" value="3" onClick="" />
<input type="button" value="4" onClick="" />
<input type="button" value="5" onClick="" />
</div>
<hr>
<button onclick="show()">显示</button>
<button onclick="hidden()">隐藏</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementById("需要显示的空间ID").display=block;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
