onClick을 addEventListener로 바꾸기

Question

스크립트를 외부 .js 파일로 완전히 제거하고 onClick 이벤트를 외부 파일의 addEventListener로 바꾸려고합니다.

http://jsfiddle.net/kjmatthews/DE26x/

내 기능은 좀 더 복잡하지만 이것은 본질적으로, http://jsfiddle.net/madBYK/UumUP/에서 복사 element.addEventListener에 developer.mozilla.org page에서 링크 :이 동작하지 않습니다. 문제가 hidePurchased() 기능이되지 않도록, 작업을 수행 <input> 태그에 onclick="return hidePurchased();" 추가

.

도움이 될 것입니다.

Answer 1

getElementsByName는 addEventListener 방법이없는 NodeList를 반환, 그래서 당신은 실제로 결과를

시도 역 참조하여 사용자가 클릭 리스너를 결합하고자하는 사람을 선택해야합니다

var foo = document.getElementsByName("hide")[0]; 

을

근무 예 :

여기

http://jsfiddle.net/DE26x/9/

Answer 2

당신의 이동. http://jsfiddle.net/DE26x/8/ 내가 알 수있는 것부터, foo 배열의 첫 번째 인덱스를 선택하는 것을 잊을뿐입니다. 지금은 효과가있는 것으로 보입니다. 그것을 확인하면 당신은 그것이 noshow 클래스에있는 것을 볼 수 있습니다. 또한 noshow를 숨기려면 CSS를 추가 했으므로 작동하는 것을 볼 수 있습니다.