JavaScript에서 클릭 이벤트 핸들러를 어떻게 동적으로 추가합니까?

Question

JSFiddle

간단한 루프가 있습니다. 아무에게도 설명 할 수없는 이유는 무엇입니까?

여기

JS (너무 바이올린에있다) 코드입니다 -

var anchors = document.getElementsByTagName('a'); 

for (var i, anchor; anchor = anchors[i]; i++) { 
    console.log('looping'); 
anchor.addEventListener("click", setNavigation, false); 
}​ 

HTML -

당신은 값 0에 i를 초기화하는 것을 잊었다

​<a href="#"></a> 
<a​​​​​​​​​​​​​​​​​​​​ href="lol"></a>​​​​​​​​​​​​​​​​​​​​​​​​​​ 

Answer 1

. for (var i=0, …을 사용하십시오.

Btw 일반적으로 루프 조건의 진리 값을 찾는 대신 반복되는 모음의 length보다 작은 것으로 확인합니다 (i). 그런 다음 추가 변수가 필요하지 않습니다. anchor :

var anchors = document.getElementsByTagName('a'); 
for (var i=0; i<anchors.length; i++) { 
    console.log('looping'); 
    anchors[i].addEventListener("click", setNavigation, false); 
}​