javascript가있는 요소를 클릭하십시오.

Question

이미지를 자동으로 슬라이드하는 간단한 루프를 만들려고 시도했지만 왜 작동하지 않는지 알아낼 수 없습니다. 어떤 도움이 필요합니까 ('도트'는 슬라이드 쇼에서 그림을 변경하고 싶지만) 페이지를 방문 할 때 슬라이드가 자동으로 변경되기를 원합니다.

코드는 다음과 같습니다

window.setInterval(slideClick, 2000); 

var slides = document.getElementsByClassName('dot'); 

    for(var i = 0; i < 6; i++) { 
     function slideClick() { 
     slides.click(); 

     } 
    } 

    if (i === slides.lenght) { 
     i=0; 
    } 

내가이 오류를 얻을 : 개체 번호가있는 방법

을 '클릭'이없고 내가 slides.click을 변경하는 경우(); classname $ ('. dot'). 두 개의 첫 번째 슬라이드에 대해서만 작동하지만 클릭 만하면됩니까? 당신이 슬라이드를 얻기 위해 사용

Answer 1

• document.getElementsByClassName는 노드의 목록이 아니라 하나의 요소이다하는 NodeList을 반환합니다.

• HTMLElement#click()은 단일 요소의 방법입니다. 반환 된 NodeList을 반복하고 각 반환 값에서 호출 할 수 있습니다.

한 가지 방법은 다음과 같습니다

for(var j = 0; j < slides.length; j++) slides[j].click();