请问代码中lis[i].index = i; 这一句的作用是什么？是怎么起作用的

        <div id="tab">
		<ul id="tab_head">
			<li class="active">房产</li>
			<li>家居</li>
			<li>二手房</li>
		</ul>
		<div id="tab_content">
			<div class="active">
				275万购昌平邻铁三居 总价20万买一居 <br>
    			200万内购五环三居 140万安家东三环<br>
    			北京首现零首付楼盘 53万购东5环50平<br>
    			京楼盘直降5000 中信府 公园楼王现房
    		</div>
			<div>
				40平出租屋大改造 美少女的混搭小窝 <br>
    			经典清新简欧爱家 90平老房焕发新生<br>
    			新中式的酷色温情 66平撞色活泼家居<br>
    			瓷砖就像选好老婆 卫生间烟道的设计
    		</div>
    		<div>
				通州豪华3居260万 二环稀缺2居250w甩 <br>
    			西3环通透2居290万 130万2居限量抢购<br>
    			黄城根小学学区仅260万 121平70万抛!<br>
    			独家别墅280万 苏州桥2居优惠价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>