关于这条语句divs[this.id].style.display="block";大家怎么理解？

<script type="text/javascript" >
	function getE(id){
	return document.getElementById(id);
	}
	window.onload=function(){

		var titles=getE("box_nav").getElementsByTagName("li");
		var divs=getE("box_cont").getElementsByTagName("div");
		if(titles.length!=divs.length){
			return;
		}
		//遍历box_nav下所有的li
		for (var i = 0; i < titles.length; i++) {
			titles[i].id=i;
			titles[i].onmouseover=function(){
				for (var j = 0; j < titles.length; j++) {
					//清除li上所有的样式
					titles[j].className="";
					//当鼠标移到相应的li时，把与其不对应的div内容块隐藏	
					divs[j].style.display="none";
				};
				//设置鼠标移到当前li上的样式
				this.className="select";
				//设置鼠标移到当前li时，找到相对应的div的内容
				divs[this.id].style.display="block";
			}
		};
	}	
</script>

写成divs[i].style.display="block";为啥不行？不可以直接调用divs的下标么？