代碼實現(xiàn)不了，哪里有問題的，求大神指導
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{margin:0px;padding:0px;font:14px normal "microsoft yahei";}
ul{height:30px;width:300px;border:none;border-bottom:2px solid red;display:block;line-height:30px;}
ul li{float:left;cursor:pointer;list-style:none;height:28px;line-height:28px;margin:0px 3px;border:1px solid gray;border-bottom:none;display:inline-block;width:60px;text-align:center;}
.hid{display:none;}
ul li.on{border-top:2px solid red;border-bottom:2px solid white;}
div{width:300px;height:120px;border:1px solid gray;border-top:none;}
</style>
<script type="text/script">
window.onload=function(){
var a=document.getElementsByTagName("li");
var b=document.getElementsByTagName("div");
for(var i=0,len=a.length;i<len;i++)
{
a[i].onclick=function(){
for(var j=0;j<len;j++){
a[j].className="";
b[j].className="hid";
}
a[i].className="on";
b[i].className="";
}
}
}
</script>
</head>
<body>
<ul>
<li class="on">房產(chǎn)</li>
<li>家居</li>
<li>二手房</li>
</ul>
<div>
275萬購昌平鄰鐵三居 總價20萬買一居<br />
200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)<br />
北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平<br />
京樓盤直降5000 中信府 公園樓王現(xiàn)房<br />
</div>
<div class="hid">
40平出租屋大改造 美少女的混搭小窩<br />
經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生<br />
新中式的酷色溫情 66平撞色活潑家居<br />
瓷磚就像選好老婆 衛(wèi)生間煙道的設計<br />
</div>
<div class="hid">
通州豪華3居260萬 二環(huán)稀缺2居250w甩<br />
西3環(huán)通透2居290萬 130萬2居限量搶購<br />
黃城根小學學區(qū)僅260萬 121平70萬拋!<br />
獨家別墅280萬 蘇州橋2居優(yōu)惠價248萬<br />
</div>
</body>
</html>
2015-12-17
<script?type="text/javascript">???//這里不是text/script ????window.onload=function(){ ????????var?a=document.getElementsByTagName("li"); ????????var?b=document.getElementsByTagName("div"); ????????for(var?i=0,len=a.length;i<len;i++){ ????????????(function(i){??//這里用一個閉包就好了 ????????????????a[i].onclick=function(){ ????????????????????for(var?j=0;j<len;j++){ ????????????????????????a[j].className=""; ????????????????????????b[j].className="hid"; ????????????????????} ????????????????????a[i].className="on"; ????????????????????b[i].className=""; ????????????????} ????????????}(i)) ????????} ????} </script>2015-12-17
<script?type="text/javascript">?
給a[i]綁定事件以后，執(zhí)行的時候才會找到function執(zhí)行，所以i是后來的值，即循環(huán)以后的3，因此需要使用閉包等手段