谁能告诉我这是什么错？

Question

      window.onload = function(){

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

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

            oList[i].timer=null;

            oList[i].onmouseover=function(){

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

               startMove(this,'height',200);

             });

             }

            oList[i].onmouseout=function(){

             startMove(this,'height',100,function(){

               startMove(this,'width',200);

             });

            }

      }

//获取属性

function getStyle(obj,attr){

   if(obj.currentStyle){

      return obj.currentStyle[attr];

   }else{

      return getComputedStyle(obj,false)[attr];

   }

}

function startMove(obj,attr,iTarget,fn){

   clearInterval(obj.timer);

   obj.timer = setInterval(function(){

    obj.alpha=30;

    var icur =null;

    //1.判断类型

    if(attr=='opacity'){

      icur=Math.round(parseFloat(getStyle(obj,attr))*100);

    }

      else{    

        icur= parseInt(getStyle(obj,attr));

      }

   //计算速度

    var speed =(iTarget-icur)/8;

    speed=speed>0?Math.ceil(speed):Math.floor(speed);

   //3.检测停止

   if(icur == iTarget){

      clearInterval(obj.timer);

      if(fn){  //判断是否存在回调函数，并回调

         fn();

      }

   }else{

    if(attr=='opacity'){

      obj.style.filter='alpha(opacity:'+(icur+speed)+')';

      obj.style.opacity=(icur+speed)/100;

    }else{

    obj.style[attr]= icur +speed+'px';

    }

   }},30);

}}

Answer 1

因为this值变化了；getComputedStyle无法成功获取机会报错，事件内部的回调不能再用this，要先用变量保存原来的this，再调用保存的变量，mouseout事件同理，如下：  oList[i].onmouseover=function(){          var self=this;            //将this保存到self              startMove(this,'width',400,function(){                startMove(self,'height',200);  //这里的this是指window，使用self