請問我的這個代碼問題出在哪?我始終找不出錯誤
<style type="text/css">
ul{
list-style: none;
}
*{
margin: 0px;
padding: 0px;
}
div{
width: 300px;
height: 200px;
background: gray;
display: none;
}
.ys1{
display: block;
}
.ys2{
background: red;
}
.ys3{
display: none;
}
</style>
<script type="text/javascript">
var obtn=document.getElementsByTagName('input');
var odiv=document.getElementsByTagName('div');
for(var i=0;i<obtn.length;i++){
var obtn[i].index=i;
obtn[i].onmouseover=function (){
for (j=0;j<obtn.length;j++){
obtn[j].className='';
odiv[j].className='ys3';
}
this.className='ys2';
odiv[this.index].className='ys1';
}
}
</script>
</head>
<body>
<input type="button" name="a" value="房產(chǎn)" class="ys2">
<input type="button" name="a" value="家具">
<input type="button" name="a" value="二手房">
<div class="ys1">
<ul>
<li> 275萬購昌平鄰鐵三居 總價20萬買一居</li>
<li>200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)</li>
<li>北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平</li>
<li>京樓盤直降5000 中信府 公園樓王現(xiàn)房</li>
</ul>
</div>
<div>
<ul>
<li>40平出租屋大改造 美少女的混搭小窩</li>
<li>經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生</li>
<li>新中式的酷色溫情 66平撞色活潑家居</li>
<li>瓷磚就像選好老婆 衛(wèi)生間煙道的設計</li>
</ul>
</div>
<div>
<ul>
<li>通州豪華3居260萬 二環(huán)稀缺2居250w甩</li>
<li>西3環(huán)通透2居290萬 130萬2居限量搶購</li>
<li>黃城根小學學區(qū)僅260萬 121平70萬拋!</li>
<li>獨家別墅280萬 蘇州橋2居優(yōu)惠價248萬</li>
</ul>
</div>
</body>
</html>
2016-08-20
var obtn[i].index=i; //obtn已聲明,并且只是對屬性賦值不用var
所有執(zhí)行代碼都要放在window.onload=function(){}里,因為你的代碼需要等頁面加載完才能執(zhí)行不然獲取不到對象