js 控制div 显示隐藏的问题

一个文件包含多个<div..其中每个<div都有id，都有显示和隐藏的功能。求：一个js函数，完成显示其中一个div的同时关闭（隐藏）其他所有的div。... 一个文件包含多个<div..

其中每个<div 都有id，都有显示和隐藏的功能。

求：一个js 函数，完成显示其中一个div的同时关闭（隐藏）其他所有的div。展开

 我来答

4个回答

#热议# 海关有哪些禁运商品？查到后怎么办？

wangshuaisupin
2011-05-10 · TA获得超过1884个赞

知道小有建树答主

回答量：805

采纳率：100%

帮助的人：1234万

我也去答题访问个人页

关注

展开全部

那只能是设个全局变量了
如
var nowDiv;
在显示一个div的时候判断一个nowDiv是否为null,如果不为null就调用
nowDiv.style.display = 'none';隐藏div
然后再将当前要显示的div对像赋值给nowDiv等待下次显示其它div时调用隐藏

已赞过 已踩过<

评论收起

南京泽立裕生物科技

广告2024-12-19

图形图像类软件，专业翻译工具，快速准确，值得信赖!语言不再是障碍，图片翻译，让交流更无界!

fycj.najgzeyu.cn

zjycaibird
推荐于2016-05-04 · TA获得超过1374个赞

知道小有建树答主

回答量：906

采纳率：0%

帮助的人：668万

我也去答题访问个人页

关注

展开全部

var divs = document.getElementsByTagName("div");得到所有的div
for(var i=0;i<divs.length;i++){
    if(divs[i].idName == '要显示的div的id'){
         divs[i].style.display="block";
    }
    divs[i].style.display="none";
}

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

lxs_lingting
2011-05-10 · TA获得超过990个赞

知道小有建树答主

回答量：899

采纳率：100%

帮助的人：515万

我也去答题访问个人页

关注

展开全部

望采纳，纯手打，NO复制
<style>
div{ width:100px; height:100px;}
#map{width:100%; height:100%; background-color:#6699CC}
</style>
<body>
<div id="map">
<div style="background-color:#00ff00">我是第一个</div><span onclick="change(0)">隐藏</span><br />
<div style="background-color:#ff0000; display:none">我是第2个</div><span onclick="change(1)">显示</span><br />
<div style="background-color:#0000ff; display:none">我是第3个</div><span onclick="change(2)">显示</span><br />
</div>
</body>

<script>
function change(id)
{
var s=document.getElementById("map").getElementsByTagName("span");
var d=document.getElementById("map").getElementsByTagName("div");
for(var i=0;i<d.length;i++)
{
d[i].style.display="none";
}
if(s[id].innerHTML=="隐藏")
{
s[id].innerHTML="显示";
d[id].style.display="none";
}
else
{
s[id].innerHTML="隐藏";
d[id].style.display="";
}
}
</script>

已赞过 已踩过<

评论收起

ysyhy5100
2011-05-10

知道答主

回答量：33

采纳率：0%

帮助的人：25.8万

我也去答题访问个人页

关注

展开全部

手打加亲测希望对你有用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >

<style>
#test_f{
position:relative;
width:250px;
margin:0 auto;
}
}
#test{
width:250px;
top:250px;
position:absolute;
background:blue;
}
</style>
<script>
function show(){
if(document.getElementById("test").style.display=='none') {
document.getElementById("test").style.display="";
document.getElementById("btn").value="点击隐藏";
}else{
document.getElementById("test").style.display="none";
document.getElementById("btn").value="点击显示";
}
}
</script>
<body >
<input type="button" onclick="show()" value="点击显示" id="btn" />
<div id="test_f" >

<div id="test" style="display:none;">
我在中间
</div>
<div>
</body>
</html>