關(guān)于this的使用疑問(wèn)
<!doctype?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Untitled?Document</title>
<style?type?=?"text/css">
????*{margin:0;?padding:0;?font:normal?12px?"微軟雅黑"；}
ul{list-style-type:?none;}
#tablelist{width:275px;
height:155px;
margin:20px?auto;
}
#tablelist?#ul1{border-bottom:?2px?solid?#8B4517;
height:32px;}
#tablelist?#ul1?li{display:inline-block;
width:60px;
height:30px;
line-height:30px;
margin-left:3px;
border:1px?solid?#999;
border-bottom:none;
text-align:center;
}
#tablelist?#ul1?li:hover{cursor:pointer;}
??//#ul1?li:hover{cursor:pointer;}
#tablelist?#ul1?li.active{border-top:2px?solid?#8B4517;
border-bottom:2px?solid?#FFF;
}
#tablelist?div{border:1px?solid?#999;
border-top:none;
}
#tablelist?div?ul?li{height:30px;
line-height:30px;
text-indent:8px;
}
.hide{display:none;}
.show{display:block;}
</style>
<script?type?=?"text/javascript">
window.onload?=?function(){
var?oul?=?document.getElementById("ul1");
var?aul?=?oul.getElementsByTagName("li");
var?oDiv?=?document.getElementById("tablelist");
var?aDiv?=?oDiv.getElementsByTagName("div");
for?(var?i?=?0;i?<?aul.length;i++){
aul[i].index?=?i;
aul[i].onmouseover?=?function(){
for(var?n?=?0;n?<?aul.length;n++){
aul[n].className?=?"";
}
this.className?=?"active";
for(var?j?=?0;j?<?aDiv.length;j++){
aDiv[j].className?=?"hide";
}
aDiv[this.index].className?=?"show";
}
}
}
</script>
</head>
<body>
<div?id="tablelist">
<ul?id="ul1">
????<li?class="active">房產(chǎn)</li>
????????<li>家居</li>
????????<li>二手房</li>
????</ul>
????
????<div?class=?"">
????<ul>
????????????<li>275萬(wàn)購(gòu)昌平鄰鐵三居?總價(jià)20萬(wàn)買一居</li>
????????????<li>200萬(wàn)內(nèi)購(gòu)五環(huán)三居?140萬(wàn)安家東三環(huán)</li>
????????????<li>北京首現(xiàn)零首付樓盤?53萬(wàn)購(gòu)東5環(huán)50平</li>
????????</ul>
????</div>
????
????<div?class=?"hide">
????<ul>
????????????<li>40平出租屋大改造?美少女的混搭小窩</li>
????????????<li>經(jīng)典清新簡(jiǎn)歐愛(ài)家?90平老房煥發(fā)新</li>
????????????<li>新中式的酷色溫情?66平撞色活潑家居</li>
????????</ul>
????</div>
????<div?class=?"hide">
????<ul>
????????????<li>通州豪華3居260萬(wàn)?二環(huán)稀缺2居250w甩</li>
????????????<li>西3環(huán)通透2居290萬(wàn)?130萬(wàn)2居限量搶購(gòu)</li>
????????????<li>黃城根小學(xué)學(xué)區(qū)僅260萬(wàn)?121平70萬(wàn)拋!</li>
????????</ul>
????</div>
</div>
</body>
</html>這段代碼中，javascript代碼中的一句aul[i].index = i;為什么有存在的必要，如果刪掉只有下面的大塊div就不顯示了，但是我不理解這是為什么啊,求解
2016-12-01
因?yàn)樵谧詈笠獔?zhí)行 ? aDiv[this.index].className?=?"show" 的時(shí)候 給數(shù)組一個(gè)準(zhǔn)確的下標(biāo) 也就是 aDiv[?]?
問(wèn)號(hào)的部分應(yīng)該為一個(gè)數(shù)字。使用 this 返回得到的是一個(gè) 數(shù)組名 也就是 oLI[i] ，所以建立和i的聯(lián)系。 oLi[i].index=i; 寫成oLi[i].anything=i； 都可以
2016-11-25
i是索引值，而au[i].index=i，就是給index賦值，這里用什么都可以，index就是個(gè)變量，至于為什么要用，因?yàn)橄旅嬉玫絫his.index，也就是當(dāng)前發(fā)生事件的對(duì)象的索引值，這里就是用這個(gè)來(lái)確定應(yīng)該哪一個(gè)div顯示
2016-11-23
同問(wèn)啊啊
2016-11-17
var?oul?=?document.getElementById("ul1");
var?aul?=?oul.getElementsByTagName("li");
//oul.get...是為了定義className作用對(duì)象為id為tablelist下的所有文本div