关for遍历隐藏和显示图片问题

/*全局变量*/

var timer=null,

index=0,

pics=byId("banner").getElementsByTagName("div"),

dots=byId("dots").getElementsByTagName("span"),

size=pics.length;

//console.log(byId("main"));

function slideImg(){

var main=byId("main");

//鼠标滑过触发的事件

main.onmouseover=function(){

}

//鼠标离开时触发的事件

main.onmouseout=function(){

timer=setInterval(function(){

//index变量作为 pics所获取到的 div 数量所存放的容器

index++;

if(index>=size){

index=0;

}

//切换图片

changeImg();

},3000)

}

}

function changeImg(){

//下面的for循环中条件 len=dots.length;i<len;i++   为啥 遍历 dots 点击按钮 div 中的span  获取到的却是 pics变量值中的  banner 中的div呢？ 写成dots 还是pics 效果似乎一样

for(var i=0,len=dots.length;i<len;i++){

pics[i].style.display="none";

}

pics[index].style.display="block";

}

slideImg();