关于this的问题

for(var n=0;n<li.length;n++){//这步是相对于未被点击部分的样式

                li[n].className = "";

                div[n].className = "hide";

             }

下面这两段代码放到for遍历上面为什么出错，div[this.index]里的this指向的是谁？

            this.className = "on";//再对点击事件添加相应的属性

            div[this.index].className = "";//通过之前的index编号绑定的指定div

 window.onload=function(){

        var tab = document.getElementById("tabs")

        var li = document.getElementsByTagName("li");

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

        for(var i=0;i<li.length;i++){//获取所有i编号的元素

            li[i].index = i;  //定义一个index属性对li进行编号

            li[i].onclick = function(){

            for(var n=0;n<li.length;n++){//这步是相对于未被点击部分的样式

                li[n].className = "";

                div[n].className = "hide";

             }

            this.className = "on";//再对点击事件添加相应的属性

            div[this.index].className = "";//通过之前的index编号绑定的指定div

            }

        }

    }