关于getElementsByTagName获取的DOM对象问题

<ul id="a">
    <li><a href="a1">a1</a></li>
    <li><a href="a2">a2</a></li>
    <li><a href="a3">a3</a></li>
</ul>
<script>
(function(){
    var a = document.getElementById('a').getElementsByTagName('a');
    var b = 0;
    for(var c=0; c < a.length; c++){
        alert(a[c].innerHTML + "          "+b);
        b++;
    }
    for(var i in a){
        alert(a[i].innerHTML + "          "+b);
        b++;
    }
}())
</script>

使用for是理想的结果，但是使用for in却多输出几次，最后结论是for in在遍历DOM对象的时候，并不是说下标值就是当前对象，而A对象当中还有其它特殊的，在IE下会先弹undefined，再弹1 2 3，在火狐和CR下，先弹123再弹两次undefinde,详细求解释？
使用fon in我能想到的就是节点属性和文本属性两个东西，A对象包含两个属性。所以要多弹几次。

试问，我的JS代码该放哪儿？这也太那个了吧。。。。点了插入代码有个毛线用？

对于数组方式的，用for(var c=0;c<a.length;c++)这中方式合适。不建议用for in的方式。
for in的方式会把扩展的原型等属性都给枚举出来，多出来的就是类似length数组长度这种属性。假如哪天谁把数据在扩充一下或者引入一下第三方包把数组给扩充了，就悲剧了。