在开发过程中遇到关于javascript的难题，清高手指点！

Question

<div id="imgBar"
><span onclick="goLeft()">&lt;-</span
><img src="img1.gif"/><img src="img2.gif"/><img src="img3.gif"/
><span onclick="goRight()">-&gt;</span
></div><script type="text/javascript">
var imgs=["img1.gif","img2.gif","img3.gif","imgn.gif"];//要显示的图片src列表
var imgBar=document.getElementById("imgBar");
var startIndex=0;
function goLeft(){
if(startIndex>0)startIndex--;
setImg();
}function goRight(){
if(startIndex<imgs.length-1)startIndex++;
setImg();
}function setImg(){
for(var i=1;i<4;i++){
imgBar.childNodes[i].src=imgs[i+startIndex-1];
}
}
</script>即时写的代码，自己测试下

Answer 1

改一处：
if(startIndex<imgs.length-4)startIndex++;

Answer 2

supNate(铅笔)的imgBar.childNodes[i].src显然有问题。
以下测试没有错误。<div id="imgBar">
<img src="1.gif" onmouseover="goLeft()"/><img src="2.gif"/><img src="3.gif" onmouseover="goRight()"/>
</div><script type="text/javascript">
var imgs=["1.gif","2.gif","3.gif","4.gif"];//要显示的图片src列表
var imgBar=document.getElementById("imgBar");
var startIndex=0;function goLeft(){
if(startIndex>0)startIndex--;
setImg();
}function goRight(){
if(startIndex<imgs.length-3)startIndex++;
setImg();
}function setImg(){
for(var i=0;i<3;i++){
imgBar.childNodes[i].src=imgs[i+startIndex];
}
}
</script>