<script type="text/javascript">

window.onload = function(){

        var _tab = document.getElementById("tabs");

        var _ul = _tab.getElementsByTagName("ul")[0];

        var _li = _ul.getElementsByTagName("li");

        var _div = _tab.getElementsByTagName("div");

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

            //不太明白这个index是干嘛的，是每个标签元素都固有的属性吗？

            //为什么下面 this.className不能用_li[i].className代替？ this.index不能用i代替呢？

            _li[i].index = i;

            //给li循环绑定onclick()函数

            _li[i].onclick=function(){

                    //先把所有li的样式去掉

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

                        _li[j].className = "";

                        _div[j].className = "hide";

                    }

                    //然后把当前的li设置成on并把hide取消(变成显示状态)

                    this.className = "on";

                    _div[this.index].className = "";

        }

    }

}

</script>

问题如上注释，请不吝赐教。