div隐藏和显示
一个页面有三个链接,a,b,c，一个链接控制一个div，点击一个链接，就显示这个链接的div,,其他的div是隐藏的，...
一个页面有三个链接,a,b,c，一个链接控制一个div，点击一个链接，就显示这个链接的div,,其他的div是隐藏的，
展开
2个回答
展开全部
以下内容放在html的<head></head>标签对中：
function show(id){
var showDiv=document.getElementById(id);
var divList=document.getElementsByTagName('div');
alert(divList.length);
for(i=0;i<divList.length;i++){
if(divList[i].id==id){
divList[i].style.display='block';
}
else{
divList[i].style.display='none';
}
}
}
</script>
以下内容放在body中：
<a onclick=show('a')>链接a</a>
<a onclick=show('b')>链接b</a>
<a onclick=show('c')>链接c</a>
<div id="a" style="margin: 10px; border: 1px solid blue; display: none;">a控制的div</div>
<div id="b" style="margin: 10px; border: 1px solid red; display: none;">b控制的div</div>
<div id="c" style="margin: 10px; border: 1px solid green; display: none;">c控制的div</div>
追问
请问，如果不是获取列表为div的控件，而是获取div的名字，成为一个LIST可以吗
追答
如果用了其它的插件（比如jquery）的话，应该还是比较简单，但是直接用js获取的话，就要另外写一个方法了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我只写关键的哦，首先将div设置一个id 比如：id="div1" 将div1的CSS默认的显示方式 设置为display,然后再通过JS的点击事件将display换成block。
function showHide()
{
var oDiv=document.getElementById('div1');
if(oDiv.style.display=='block')
{
oDiv.style.display='none';
}
else
{
oDiv.style.display='block';
}
}
</script>
最后 将a b c 的各自设置一个onclick="showHide()" 即可！
function showHide()
{
var oDiv=document.getElementById('div1');
if(oDiv.style.display=='block')
{
oDiv.style.display='none';
}
else
{
oDiv.style.display='block';
}
}
</script>
最后 将a b c 的各自设置一个onclick="showHide()" 即可！
追问
你这只能控制一个div
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
