                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

这几行代码是什么意思？

window.onload = function() {
        var oUl1 = document.getElementById("ul1");
        var aLi = oUl1.getElementsByTagName("li");
        var oDiv = document.getElementById("tab-list");
        var aDiv = oDiv.getElementsByTagName("div");
        for(var i = 0; i < aLi.length; i++) {
            aLi[i].index= i;
            aLi[i].onmouseover = function() {
                for(var i = 0; i < aLi.length; i++) {
                    aLi[i].className = "";
                }
                this.className = "active";
                for(var j = 0; j < aDiv.length; j++) {
                    aDiv[j].className = "hide";
                }
                aDiv[this.index].className = "show";
            }
        }
    }
   1、aLi[i].index = i 2、aLi[i].className = "" 3、 this.className = "active"; 4、 aDiv[this.index].className = "show"; ，特别是第三条的this指的是什么

哈哈哈蜜瓜

2016-09-21

源自：JavaScript进阶篇 10-1

关注问题我要回答

780

操作

收起

4 回答

幻蝶回答被采纳 +3 积分
2016-09-21

1.通过遍历，给相应的元素设置索引值。2.将索引值为i的li标签的类名设置为空，也就是暂时删除hide类名3.this就是指当前高亮的元素4.让当前的div元素显示

1 回复有任何疑惑可以回复我~

#1

哈哈哈蜜瓜提问者

1、设立索引值为什么不能是aLi[i]=i？3、this是什么意思？

2016-09-21 回复有任何疑惑可以回复我~

#2

哈哈哈蜜瓜提问者

非常感谢！

2016-09-21 回复有任何疑惑可以回复我~

幻蝶
2016-09-21

可以这么理解，aDiv[this.index]获取的是相应索引值下的div元素

0 回复有任何疑惑可以回复我~

幻蝶
2016-09-21

这个是给当前元素添加了一个active的类，并显示这个类所包含的样式

0 回复有任何疑惑可以回复我~

#1

哈哈哈蜜瓜提问者

最后一个问题， aDiv[this.index]这段怎么理解？意思是点击到第几个li就出现第几个div吗

2016-09-21 回复有任何疑惑可以回复我~

幻蝶
2016-09-21

索引值是该元素的一个属性，你这样的写法是将i的值赋给了这个元素，逻辑上有错误。

this是指当前的元素，比如说你点击了第二个li标签，那么this就指代第二个li标签

0 回复有任何疑惑可以回复我~

#1

哈哈哈蜜瓜提问者

那this.className="active"是指点击其他两个li出现第一个active的效果吗

2016-09-21 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468188 人
解答问题 21891 个

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

本课相似问答

3 回答这行代码什么意思？

2 回答不知道最后这几步代码是什么意思

3 回答这段代码是什么意思？

1 回答这段代码是什么意思

1 回答这段代码第二行和第三行是什么意思

搜索更多本课相关问答

这几行代码是什么意思？

我要回答关注问题

意见反馈帮助中心 APP下载