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

循環(huán)里面的this可以換成oLis[i]嗎

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>實(shí)踐題?-?選項(xiàng)卡</title>
????<style?type="text/css">
?????/*?CSS樣式制作?*/??
?????*{font:15px?normal?"microsoft?yahei"}
?????#tabs{
?????????width:300px;height:200px;
?????????margin:10px;padding:5px;
?????}
?????#tabs?ul{
?????????display:block;
?????????height:30px;line-height:30px;
?????????border-bottom:2px?saddlebrown?solid;
?????}
?????#tabs?ul?li{
?????????list-style:none;cursor:pointer;
?????????display:inline-block;
?????????border:1px?solid?#aaa;
?????????border-bottom:none;
?????????width:60px;text-align:center;
?????????margin:0px?5px;
?????????height:28px;line-height:28px;
?????}
?????#tabs?ul?li.on{
?????????border-top:2px?solid?saddlebrown;
?????????border-bottom:2px?solid?#fff;
?????}
?????#tabs?div{
?????????border:1px?solid?#336699;border-top:none;
?????????padding:5px;height:120px;
?????????line-height:25px;
?????????
?????}
?????.hide{display:none;}
????</style>
????<script?type="text/javascript">
?????????
????//?JS實(shí)現(xiàn)選項(xiàng)卡切換
????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>
<!--?HTML頁面布局?-->
<div?id="tabs">
????<ul>
????????<li>房產(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>
???????40平出租屋大改造?美少女的混搭小窩<br/>
???????經(jīng)典清新簡歐愛家?90平老房煥發(fā)新生<br/>
???????新中式的酷色溫情?66平撞色活潑家居<br/>
???????瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計<br/>
????</div>
????<div>
???????通州豪華3居260萬?二環(huán)稀缺2居250w甩<br/>
???????西3環(huán)通透2居290萬?130萬2居限量搶購<br/>
???????黃城根小學(xué)學(xué)區(qū)僅260萬?121平70萬拋!<br/>
???????獨(dú)家別墅280萬?蘇州橋2居優(yōu)惠價248萬<br/>
????</div>
</div>

?
</body>
</html>

如果不可以，能說說原因嗎