????????<div?id="tab">
<ul?id="tab_head">
<li?class="active">房產(chǎn)</li>
<li>家居</li>
<li>二手房</li>
</ul>
<div?id="tab_content">
<div?class="active">
275萬購昌平鄰鐵三居?總價20萬買一居?<br>
???? 200萬內(nèi)購五環(huán)三居?140萬安家東三環(huán)<br>
???? 北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平<br>
???? 京樓盤直降5000?中信府?公園樓王現(xiàn)房
???? </div>
<div>
40平出租屋大改造?美少女的混搭小窩?<br>
???? 經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生<br>
???? 新中式的酷色溫情?66平撞色活潑家居<br>
???? 瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計
???? </div>
???? <div>
通州豪華3居260萬?二環(huán)稀缺2居250w甩?<br>
???? 西3環(huán)通透2居290萬?130萬2居限量搶購<br>
???? 黃城根小學(xué)學(xué)區(qū)僅260萬?121平70萬拋!<br>
???? 獨家別墅280萬?蘇州橋2居優(yōu)惠價248萬
???? </div>
</div>
</div>
<!--??-->
<script?type="text/javascript">?
var?tab_head?=?document.getElementById("tab_head");
var?lis?=?tab_head.getElementsByTagName("li");
var?tab_content?=??document.getElementById("tab_content");
var?divs?=?tab_content.getElementsByTagName("div");
for(var?i?=?0;i<lis.length;i++){
lis[i].index?=?i;
//console.log(i);
lis[i].onmouseover?=?function(){
for(var?j=0;j<lis.length;j++){
lis[j].className?=?""
}
this.className?=?"active";
for(var?x?=?0;x<lis.length;x++){
divs[x].className?=?'';
}
divs[this.index].className?=?"active";
}
}
</script>
2018-02-03
```
作用:是給li[i]節(jié)點對象創(chuàng)建一個index屬性,該屬性的值為i,當(dāng)然你也可以寫成li[i].abcd=i;
用處:divs[this.index ].className="active";獲取當(dāng)前的div[i]節(jié)點