求大神帮忙看看代码，实在是不明白哪里有问题
来源：10-1 编程挑战
我打点酱油
2016-02-19 15:58
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>导航</title>
<style type="text/css">
*{margin:0;padding:0;font:15px "新宋体";}
#tabs{width:70%;margin:0 auto 0}
ul{list-style:none;height:50px;border-bottom:#F60 solid 5px;padding-left:50px}
li{float:left;margin-top:20px}
a{text-decoration:none;display:block;width:120px;line-height:30px;text-align:center;background-color:#CCCCCC;margin:0 8px 1px 0;}
.on{background-color:#F60;color:#FFFFFF;height:40px;margin-top:-10px;line-height:40px}
#tabs div{height:120px;line-height:30px;border:#F60 solid 1px;padding:25px;border-top:none;}
.hide{display:none;}
</style>
<script type="text/javascript">
window.onload=function(){
var otab = document.getElementById("tabs");
var oul = document.getElementByTagName("ul")[0];
document.write("11111");
var olis = document.getElementByTagName("li");
var odivs = document.getElementByTagName("div");
for(var i=0;i<olis.length;i++){
olis[i].index=i;
olis[i].onclick=function(){
for(var n=0;n<olis.length;n++)
{
olis[n].className = "";
odivs[n].className = "hide";
}
this.className="on";
odivs[this.index].className="";
}
};
}
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a class="on" href="#">房产</a></li>
<li><a href="#">家居</a></li>
<li><a href="#">二手房</a></li>
</ul>
<div>
275万购昌平邻铁三居 总价20万买一居<br>
200万内购五环三居 140万安家东三环<br/>
北京首现零首付楼盘 53万购东5环50平<br/>
京楼盘直降5000 中信府 公园楼王现房<br/>
</div>
<div class="hide">
40平出租屋大改造 美少女的混搭小窝<br/>
经典清新简欧爱家 90平老房焕发新生<br/>
新中式的酷色温情 66平撞色活泼家居<br/>
瓷砖就像选好老婆 卫生间烟道的设计<br/>
</div>
<div class="hide">
通州豪华3居260万 二环稀缺2居250w甩<br/>
西3环通透2居290万 130万2居限量抢购<br/>
黄城根小学学区仅260万 121平70万抛!<br/>
独家别墅280万 苏州桥2居优惠价248万<br/>
</div>
</div>
</body>
</html>
写回答
关注
1回答
-
- 楚燕狂子
- 2016-02-20 17:11:42
1.如果你是乱码的话，meta标签 charset=utf-8
2.getElementsByTagName中间是s，除了通过id只能得到一个，其他的都是得到一组，所以是Elements
3.var odivs = document.getElementsByTagName("div"); 你这里是把所有的div都找到了，再看下你的html结构……你把tabs都隐藏了，你可以命个名，给下面三个div一个name，通过name来找
4.这些解决了，你再自己去调你的样式吧
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468787 学习 · 22582 问题
相似问题