푸시 방법이 작동하지 않습니다.

Question

나는 이걸로 내 머리카락을 잃어 버렸습니다. 내 메인에있는 태그의 수에 따라 동적 배열을 만들고 싶습니다. 도와주세요! 여기

내 JS 내 HTML 여기

<div id="image-slider"> 
    <a href="http://www.google.com"><img src="images/slider1.png"></a> 
    <a href="http://www.phpacademy.org"><img src="images/slider2.png"></a> 
    <a href="http://www.ign.com"><img src="images/slider3.png"></a> 
    <a href="http://www.w3schools.com"><img src="images/slider4.png"></a> 
    <a href="http://www.nfl.com"><img src="images/slider5.png"></a> 
</div> 

입니다

container = document.getElementById('image-slider'); 
containerLength = container.childNodes.length; 
images = new Array(); 
for(var i=0;i<=containerLength;i++){ 
if (container.childNodes[i].nodeName == 'A') { 
    alert(container.childNodes[i]);// here I get the desired value 
    images.push(container.childNodes[i]); 
      //this doesn't work even if i use images.push('Hello'); 
} 
} 
alert(images[0]); //doesn't even pops out 
// if I do it like this.... i get the desired result! I don't know why! but this is not what i want 
images.push(container.childNodes[1]); 
alert(images[0]); 

Answer 1

귀하의 모든 문제는 쉽게 피할 수 있습니다

var images = document.getElementById("image-slider").children; 

매직 : P

Answer 2

당신이 만약 이걸로 디버거를 실행해라. 당신이 컬렉션은 11

for(var i=0;i<=containerLength;i++) 

이

for(var i=0;i<containerLength;i++)