                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

我的怎么不起作用

<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
????<style?type="text/css">
????????*{
????????????padding:0px;
????????????margin:?0px;
????????????font:12px?normal;
????????}
????????#tabs?{
????????????width:290px;
????????????padding:5px;
????????????height:150px;
????????????margin:20px;
????????}
????????#tabs?ul{
????????????list-style:none;
????????????display:?block;
????????????height:30px;
????????????line-height:30px;
????????????border-bottom:2px?saddlebrown?solid;
????????}
????????#tabs?ul?li{
????????????background:#fff;
????????????cursor:pointer;
????????????float:left;
????????????list-style:none;
????????????height:28px;
????????????line-height:28px;
????????????margin:0px?3px;
????????????border:1px?solid?#aaaaaa;
????????????border-bottom:none;
????????????display:inline-block;
????????????width:60px;
????????????text-align:?center;
????????}
????????#tabs?ul?.on{
????????????border-top:2px?solid?saddlebrown;
????????????border-bottom:?2px?solid?#fff;
????????}
????????#tabs?div{
????????????height:120px;
????????????line-height:?25px;
????????????border:1px?solid?#336699;
????????????border-top:none;
????????????padding:5px;
????????}
????????.hide{
????????????display:?none;
????????}
????</style>

????<script?type="text/javascript">
????????window.onload?=?function(){
????????????var?oTab?=?document.getElementById("tabs");
????????????var?oUl?=?oTab.getElementsByTagName("ul")[0];
????????????var?oLis?=?oUl.getElementsByTagName("li");
????????????var?oDivs=?oTab.getElementsByTagName("div");

????????????for(var?i=?0,len?=?oLis.length;i<len;i++){
????????????????oLis[i].index?=?i;
????????????????oLis[i].onclick?=?function()?{
????????????????????for(var?n=?0;n<len;n++){
????????????????????????oLis[n].className?=?"";
????????????????????????oDivs[n].className?=?"hide";
????????????????????}
????????????????????this.className?=?"on";
????????????????????oDivs[this.index].className?=?"";
????????????????}
????????????};
????????}
????</script>

</head>
<body>
????<div?id="tabs">
????????<ul>
????????????<li?class="on">房產(chǎn)</li>
????????????<li>家居</li>
????????????<li>二手房</li>
????????</ul>
????</div>
????<div>
????????275萬購昌平鄰鐵三居?總價(jià)20萬買一居
????????200萬內(nèi)購五環(huán)三居?140萬安家東三環(huán)
????????北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平
????????京樓盤直降5000?中信府?公園樓王現(xiàn)房
????</div>
????<div?class="hide">
????????40平出租屋大改造?美少女的混搭小窩
????????經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生
????????新中式的酷色溫情?66平撞色活潑家居
????????瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計(jì)
????</div>
????<div?class="hide">
????????通州豪華3居260萬?二環(huán)稀缺2居250w甩
????????西3環(huán)通透2居290萬?130萬2居限量搶購
????????黃城根小學(xué)學(xué)區(qū)僅260萬?121平70萬拋!
????????獨(dú)家別墅280萬?蘇州橋2居優(yōu)惠價(jià)248萬
????</div>
</body>
</html>