tab选项卡

来源:10-1 编程挑战

luona

2016-05-15 13:35

window.onload = function(){
    var tab = document.getElementById("tab");
    var ul = tab.getElementsByTagName("ul")[0];
    var li = ul.getElementsByTagName("li");
    var div = tab.getElementsByTagName("div");
    
    for(var i = 0; i < li.length; i++){
        li[i].index = i;
        li[i].onclick = function(){
            for(var n = 0; n < li.length; n++){
                li[n].className = "";
                div[n].className = "hidden";
                }
            this.className = "active";
            div[this.index].className = "";
            }
        };
    
    }

有谁给我解释下li[i].index = i;和div[this.index].className = "";这块是什么意思啊????

写回答 关注

1回答

  • 林大大1
    2016-05-16 10:24:59
    已采纳

    li[i].index = i;是相当于给元素添加一个index属性. 值就是i的值 ps: <div index="1"></div>

    this.index是指获取当前元素上index属性的值.

    luona

    非常感谢!

    2016-05-16 19:23:51

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题