学习笔记：做实验时遇到的小问题，外层的循环i累加无法对其包裹的事件绑定函数起作用，报错：Cannot read property ‘children‘ of undefined

var mo = document.getElementsByClassName('mo'); //获取对象节点数组

for(var i = 0;i<4;i++)
        {
            mo[i].οnmοuseοver=function(){mo[i].children[1].style.display='block';}
        }

这是原来的代码，目的在于给mo数组对象的第2个children节点改变样式；但是运行时却报错为： Cannot read property 'children' of undefined。

我的理解是：页面在加载的过程中外层的循环可以正常累加运行，即对于第一个mo[i]是可以正常遍历地绑定事件函数的；但是在页面加载完毕之后，对于事件函数来说，在被触发的时候调用的是function({mo[i].children[1].style.display='block';}这一部分，（这个时候的该函数已经跟上面的循环无关了），而现在的mo[i]就没有办法指定mo[]对象数组里的某一特定对象，因此获取不到特定一个对象的mo[i]的 children也就是只能是undefined了。

正确的该法应该是将函数内部的mo[i]改成this，即

for (var i = 0; i < 4; i++) {
            mo[i].onmouseover = function() {this.children[1].style.display = 'block';
            }

这样就能绑定使得触发函数时得到对应的对象节点进行修改了。

如有错误，欢迎指正！^.^