// JS实现选项卡切换

    window.onload=function(){

    var titleAll=document.getElementById("title");

    var title=titleAll.getElementsByTagName("li");

    var layout=document.getElementById("layout");

    var div=layout.getElementsByTagName("div");

    for(var i=0;i<title.length;i++){

    title[i].index=i;

    title[i].onmouseover=function(){

    for(var j=0;j<title.length;j++){

    title[j].className="";

    }

    this.className="active";

    for(var k=0;k<div.length;k++){

    div[k].className="hide";

    }

    div[this.index].className="show";

    }

    }

    }

title[i].index=i;

这段代码是什么作用？为什么去掉了就没办法显示div了？

div[this.index].className="show";

还有这个遍历为什么用this.index？