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

对于this和index的运用

window.onload=function(){

var oul1=document.getElementById("ul1");

var oli=oul1.getElementsByTagName("li")

var odiv=document.getElementById("tab-list");

var adiv=odiv.getElementsByTagName("div");

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

oli[i].index=i;

oli[i].onmouseover = function(){

for(var n = 0;n<oli.length;n++){

oli[n].className="";

adiv[n].className="hide";

}

this.className="active";

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

}

上面的this.className，adiv[this.index]。index的用法

Elirc_pp

2015-03-03

源自：JavaScript进阶篇 10-1

关注问题我要回答

5603

操作

收起

3 回答

向学习者学习
2017-07-19

从其他地方的大大那里复制过来的

作为构造函数调用

所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，！！！this就指这个新对象。！！！

　　function test(){

　　　　this.x = 1;

　　}

　　var o = new test();

　　alert(o.x); // 1

运行结果为1。为了表明这时this不是全局对象，我对代码做一些改变：

　　var x = 2;

　　function test(){

　　　　this.x = 1;

　　}

　　var o = new test();

　　alert(x); //2

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

收起回答

core0
2016-02-26

oli[i].index=i;将li的索引值赋给i

this.className="active";给当前li赋一个类名

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

收起回答

几_机
2016-02-26

首先这个index并不一定就一定是index。只是你给oli[i]赋值的一个对象，他的值为i;

对象属性的调用方法就是obj.index；

this指向触发事件的当前元素。

口才不好望采纳

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

收起回答

0/150

提交

取消

JavaScript进阶篇

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

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

进入课程

本课相似问答

3 回答关于this和index的问题

1 回答关于.index的作用

3 回答为甚用this不能用tr[i]，我的理解是this和tr[i]是同一个对象

2 回答关于javascript中的index和classname的问题？

2 回答关于scrollHeight(Width)和clientHeight(Width)的运用？

搜索更多本课相关问答

对于this和index的运用

我要回答关注问题

热搜

最近搜索清空

对于this和index的运用

3 回答

本课相似问答

对于this和index的运用