为了账号安全,请及时绑定邮箱和手机立即绑定

链式运动多个li问题

将视频中vivian的li扩展到多个li然后使用如下代码进行运动的时候startMove中无论传递this,还是对象本身aLi[i]都会报错,这是什么原因,这个链式运动不支持多个对象么?

var aLi = document.getElementsByTagName("li");
for(var i=0;i<aLi.length;i++){
      aLi[i].timer = null;
    aLi[i].onmouseover = function(){
        startMove(aLi[i],400,'width',function(){-----这里无论传递什么都会有错误
                    startMove(aLi[i],200,'height')
        });
    }
    aLi[i].onmouseout = function(){
        startMove(this,200,'width');
    }
}
<li></li>
<li></li>
<li></li>

有人已经问过了解决方法是:

http://www.imooc.com/qadetail/139773

var aLi = document.getElementsByTagName("li");
for(var i=0;i<aLi.length;i++){
    aLi[i].timer = null; 
    aLi[i].onmouseover = function(){
        var myThis = this;
        startMove(myThis,400,'width',function(){
                    startMove(myThis,200,'height')
        });
    }
    aLi[i].onmouseout = function(){
        var myThis = this;
        startMove(myThis,200,'width');
    }
}

但是我想知道为什么会出现这种情况,这里的this分别代表什么,aLi[i]传递到startMove又是什么变量,是指针还是仅仅一个object?

正在回答

2 回答

右键,另存为,就可以了。

&#x771f;&#x4eba;&#x9f99;&#x864e;&#x6597;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x946b;&#x4f70;&#x5229;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7687;&#x51a0;&#x5a31;&#x4e50;&#x57ce;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x771f;&#x4eba;&#x767e;&#x5bb6;&#x4e50;&#x7834;&#x89e3;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7f05;&#x7538;&#x534a;&#x5c71;&#x56fd;&#x9645;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x62;&#x65;&#x74;&#x33;&#x36;&#x35;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x9526;&#x798f;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x91d1;&#x5965;&#x9f99;&#x5a31;&#x4e50;&#x57ce;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x771f;&#x4eba;&#x5728;&#x7ebf;&#x5e73;&#x53f0;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7389;&#x548c;&#x5a31;&#x4e50;&#x5b98;&#x7f51;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x94f6;&#x6cb3;&#x56fd;&#x9645;&#x5a31;&#x4e50;&#x573a;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7f05;&#x7538;&#x534a;&#x5c71;&#x56fd;&#x9645;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x767e;&#x5bb6;&#x4e50;&#x7f51;&#x6295;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7f05;&#x7538;&#x7f51;&#x6295;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x5a01;&#x5c3c;&#x65af;&#x4eba;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x817e;&#x9f99;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x771f;&#x4eba;&#x9f99;&#x864e;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x767e;&#x5bb6;&#x4e50;&#x7f51;&#x6295;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x771f;&#x4eba;&#x767e;&#x5bb6;&#x4e50;&#x7834;&#x89e3;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x9f99;&#x864e;&#x5728;&#x7ebf;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x94f6;&#x6cb3;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x679c;&#x535a;&#x4e1c;&#x65b9;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x65b0;&#x9526;&#x798f;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x94f6;&#x6cb3;&#x5a31;&#x4e50;&#x57ce;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x5a01;&#x5c3c;&#x65af;&#x4eba;&#x5a31;&#x4e50;&#x573a;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x946b;&#x767e;&#x5229;&#x5a31;&#x4e50;&#x57ce;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x65b0;&#x8461;&#x4eac;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x65b0;&#x9526;&#x798f;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7f51;&#x4e0a;&#x767e;&#x5bb6;&#x4e50;&#x5e73;&#x53f0;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x592a;&#x9633;&#x57ce;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x767e;&#x5bb6;&#x4e50;&#x5e73;&#x53f0;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7f05;&#x7538;&#x7687;&#x5bb6;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x94f6;&#x6cb3;&#x5a31;&#x4e50;&#x573a;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x7687;&#x51a0;&#x5a31;&#x4e50;&#x57ce;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x534e;&#x7eb3;&#x56fd;&#x9645;&#x5a31;&#x4e50;&#x573a;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x65b0;&#x8461;&#x4eac;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;&#x65b0;&#x9526;&#x6c5f;&#x5a31;&#x4e50;&#x20;&#x58;&#x53;&#x36;&#x38;&#x36;&#xb7;&#x43;&#xff2f;&#x4d;pclraavahvbqznschgmsfyccjznpcvxssfnqlvkytgpecizbwinlrbkiankhyozhoiveszwqmsknibcgnhswjxrixb

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

你可以在控制台输出测试下this指的是什么,或者你把所有代码粘贴过来  我看看

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

举报

0/150
提交
取消

链式运动多个li问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信