再请教一个问题，关于鼠标事件。。。。。。

Question

var div=document.getElementsByTagName("div");//获取html的div元素，总共四个
    function vs(a,b){
        a=document.createElement("div");创建一个div作为body的子元素，且用了绝对定位，距左边的边距为变量b
        document.body.appendChild(a);
        a.style="position:absolute";
        a.style.left=b;
        a.style.top="10px";
        return a;
    }
    var c=40;

//遍历在四个div的鼠标悬浮事件，可是距左边的距离我设置的是一直变化的，可是显示出来却没有发生变化，不知是什么原因？？？？？？？

    for(var i=0;i<4;i++){ 
           div[i].onmouseover=function(){
               this.style.backgroundColor="yellow";
               var b=vs("my",c+c*i+"px");
           }
    }

Answer 1

  var b=vs("my",c+c*i+"px")因为for循环在页面加载时已经完毕了，这里的i值固定为4，所以会没有变化，将i值保存到div[i]的index属性上    for(var i=0;i<4;i++){      var div[i].index=i;            div[i].onmouseover=function(){                this.style.backgroundColor="yellow";                var b=vs("my",c+c*this.index+"px");            }     }这样写试试