                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

怎么让第二个this指向oLi[i]呢。熟悉this的还望指示

        window.onload=function()
        {
            var oLi=document.getElementsByTagName('li');
            for(var i=0,l=oLi.length;i<l;i++)
            {
                oLi[i].timer=null;
                oLi[i].speed=0;
                oLi[i].icur=0;
                oLi[i].onmouseover=function()
                {
                    startmove(this,'width',400,function()
                        {
                            startmove(this,'height',200);//就是这个this，换做oLi[i]也不行。
                        });
                }
            }
        }

桃太郎

2016-12-18

源自：JS动画效果 5-1

关注问题我要回答

845

操作

收起

4 回答

Alfen 回答被采纳 +3 积分
2016-12-19

你之前在里面的函数中的this是指向外层的startmove的，所以直接写this是取不到obj本身的，而外层的this是指向obj本身，把这个this存到一个变量里，作为参数传到里面的函数就可以了

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

#1

恍然大悟啊谢啦！！！！

2016-12-19 回复有任何疑惑可以回复我~

#2

Alfen 回复 Fish28

不客气

2016-12-19 回复有任何疑惑可以回复我~

#3

桃太郎提问者

非常感谢！

2016-12-19 回复有任何疑惑可以回复我~

qq_我叫红领巾_2
2017-01-03

this是函数在作为方法被调用时所处的对象

第一个startMove被调用时在Li1.onmouseover(){}中于是this为Li1

但是第二个被调用时你如果用this 所处的对象就不是Li1了

所以第一个动作执行完 Li1就不会动

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

Alfen
2016-12-19

window.onload = function () {

var oLi = document.getElementsByTagName('li');

for (var i = 0, l = oLi.length; i < l; i++) {

oLi[i].timer = null;

oLi[i].speed = 0;

oLi[i].icur = 0;

oLi[i].onmouseover = function () {

var that = this;

startmove(this, 'width', 400, function () {

startmove(that, 'height', 200); //就是这个this，换做oLi[i]也不行。

});

}

}

}

//写错了，是这样子

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

#1

厉害了朋友，确实可以，能讲讲为什么？？？？？

2016-12-19 回复有任何疑惑可以回复我~

Alfen
2016-12-19

window.onload = function () {

var oLi = document.getElementsByTagName('li');

for (var i = 0, l = oLi.length; i < l; i++) {

oLi[i].timer = null;

oLi[i].speed = 0;

oLi[i].icur = 0;

oLi[i].onmouseover = function () {

startmove(this, 'width', 400, function () {

var that = this;

startmove(that, 'height', 200); //就是这个this，换做oLi[i]也不行。

});

}

}

}

//随便写的没试验，你试试

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

举报

0/150

提交

取消

参与学习 113923 人
解答问题 1443 个

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

本课相似问答

4 回答为什么第二个运动不支持this

2 回答链式运动多个li this指针问题

3 回答startMove(this,100); 为什么这里的this 不能用 oDiv[i]替代？？？？

1 回答为什么这里用this不行呢？

3 回答this问题，老师在startMove中用了this，我想换一种方法，所以把this改为了aLi[i] 然后就不能用了，大神们教教我该把this改成什么？

搜索更多本课相关问答

怎么让第二个this指向oLi[i]呢。熟悉this的还望指示

我要回答关注问题

意见反馈帮助中心 APP下载