为什么每次弹出是9呢，在线等

Question

    <ul id="hdNav">
        <li class="mi01"><a class="fnav" href="#"><span>首页</span></a></li>
        
        <li class="mi02"><a class="fnav" href="#"><span>所有商品</span></a></li>
        
        <li class="mi03"><a class="fnav" href="#"><span>羽毛球</span></a>
            <div class="navp">a</div>
        </li>
        
        <li class="mi04"><a class="fnav" href="#"><span>乒乓球</span></a>
         <div class="navp">b</div>
       </li>
        
        <li class="mi05"><a class="fnav" href="#"><span>网球</span></a>
         <div class="navp">c</div>
       </li>
        
        <li class="mi06"><a class="fnav" href="#"><span>户外野营</span></a>
         <div class="navp">d</div>
       </li>
        
        <li class="mi07"><a class="fnav" href="#"><span>健身防护</span></a>
         <div class="navp">e</div>
       </li>
        
        <li class="mi08"><a class="fnav" href="#"><span>品牌大全</span></a></li>
        
        <li class="mi09"><a class="fnav" href="#"><span>团购</span></a></li>
    </ul>
var oElements = document.getElementById("hdNav").getElementsByTagName("li");
for(var i=0;i<oElements.length;i++)
{
oElements(i).onmouseover=function()
{
alert(i);
// d = oElements(i).getElementsByTagName("div");
// if(d.length>0)
// {
// d[0].style.display="";
// }
}
}

Answer 1

补充：
预览的时候，鼠标放在li上面，每次都弹出是9
此方法在FF正面不兼容，能不能给个可以兼容的方法？

Answer 2

自己去搜索下js必包 
   var els= document.getElementById("hdNav").getElementsByTagName("li");
    for(var i=0, len = els.length; i < len; i++){
        els.idx = i;
        els(i).onmouseover=function(){
            alert(this.idx);
        }
    }//或者
    var els= document.getElementById("hdNav").getElementsByTagName("li");
    for(var i=0, len = els.length; i < len; i++){
        els.idx = i;
        els(i).onmouseover=（function(n){
            alert(n);
        })(i);
    }   

Answer 3

晕死，用圆括号访问数组？
   var els= document.getElementById("hdNav").getElementsByTagName("li");
    for(var i=0, len = els.length; i < len; i++){
        els.idx = i;
        els[i].onmouseover=function(){
            alert(this.idx);
        }
    }//或者
    var els= document.getElementById("hdNav").getElementsByTagName("li");
    for(var i=0, len = els.length; i < len; i++){
        els[i].onmouseover=（function(n){
            alert(n);
        })(i);
    }