javascript如何实现点击不同的菜单显示不同的项目
<ul><li>项目一</li><li>项目二</li><li>项目三</li><li>项目四</li></ul><divid=deom1></div><divid=de...
<ul>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
<li>项目四</li>
</ul>
<div id=deom1></div>
<div id=demo2></div>
<div id=demo3></div>
<div id=demo4></div>
如何实现点击第一个LI，demo1显示，其他隐藏，第二个LI，demo2显示，其他隐藏，以此类推
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<ul id="menu">
<li>图片</li>
<li>内容</li>
<li>列表</li>
</ul>
<div id="zymain">
<div id="demo1" style="display:none;">图片列表</div>
<div id="demo2" style="display:none;">内容列表</div>
<div id="demo3" style="display:none;">对对对</div>
</div>
</body>
</html>
<script language="javascript">
objs = document.getElementById("menu").getElementsByTagName("li")
for(i=0;i<objs.length;i++)
{
objs[i].onclick = function()
{
demos = document.getElementById("zymain").getElementsByTagName("div")
for(j=0;j<demos.length;j++)
{
demos[j].style.display = "none"
}
demos[i].style.display = "block"
}
}
总说这个demos[i]为空,我想有没什么办法用JS加onclick事件 展开
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
<li>项目四</li>
</ul>
<div id=deom1></div>
<div id=demo2></div>
<div id=demo3></div>
<div id=demo4></div>
如何实现点击第一个LI，demo1显示，其他隐藏，第二个LI，demo2显示，其他隐藏，以此类推
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<ul id="menu">
<li>图片</li>
<li>内容</li>
<li>列表</li>
</ul>
<div id="zymain">
<div id="demo1" style="display:none;">图片列表</div>
<div id="demo2" style="display:none;">内容列表</div>
<div id="demo3" style="display:none;">对对对</div>
</div>
</body>
</html>
<script language="javascript">
objs = document.getElementById("menu").getElementsByTagName("li")
for(i=0;i<objs.length;i++)
{
objs[i].onclick = function()
{
demos = document.getElementById("zymain").getElementsByTagName("div")
for(j=0;j<demos.length;j++)
{
demos[j].style.display = "none"
}
demos[i].style.display = "block"
}
}
总说这个demos[i]为空,我想有没什么办法用JS加onclick事件 展开
3个回答
展开全部
function a(index){
var div=getElementsByTagName('div');
for(var i=0;i<div.length;i++){
div[i].style.display="none";
}
div[index-1].style.display="block";
}
在li上加onclick事件，第一个加onclick="a(1);"下面类推
var div=getElementsByTagName('div');
for(var i=0;i<div.length;i++){
div[i].style.display="none";
}
div[index-1].style.display="block";
}
在li上加onclick事件，第一个加onclick="a(1);"下面类推
追问
有没办法用JS加onclick事件呢？我加了问题补充，麻烦帮我看一下
追答
这就是JS的onclick事件啊，
我帮你改了下
无标题文档
11111
2222
33333
44444
5555
66666
function a(index){
var div=document.getElementById('zymain');
var divs=zymain.getElementsByTagName('div');
for(var i=0;i
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
先将所有的div的style的display设为none，对第一个li来说，<li onclick="document.all.demo1.style.display='' ">，其余可类推
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
kdvkdkvdnmenfjnnjn知道了吗
应该可以鐧惧害鍦板浘
应该可以鐧惧害鍦板浘
本数据来源于百度地图，最终结果以百度地图最新数据为准。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
