一不小心就掉进了小问题的坑系列（也许只是我一个人会掉的坑。。。）

1.问题描述：

var play=document.getElementsByClassName("play"); window.onload=function(){
 for(var i=0;i<play.length;i++){         
    play[i].onmouseover=function()
          {play[i].style.backgroundColor="blue";}
           } }

function内部的play[i]报错，undefined
经提点，发现其实问题很简单，就是局部变量的问题（其实看到这种报错，自己也会反应到是局部变量作用域的问题，但是一下子没想到问题的症结，知道错误，知道改正答案，却不知道为何犯错），简单的用我自己的语言描述就是：触发事件ommouseover后，就可以认为是调用了一个另一个函数，那么该函数怎么能识别i是什么东西呢？（一说显得自己更傻了）。。。

总结语：实践不够，无法把理论知识融会贯通，这样的小坑估计会掉很多，吃一堑长一智，就当自己磕磕绊绊的成长日记吧~