javascript - onClick を addEventListener に置き換える

Question

スクリプトを完全に外部 .js ファイルに削除し、 onClick イベントを外部ファイルの addEventListener に置き換えようとしています。これを機能させることができません：

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

私の関数はもう少し複雑ですが、これは基本的にhttp://jsfiddle.net/madBYK/UumUP/からコピーされたもので、 のdeveloper.mozilla.org ページからリンクされていますelement.addEventListener。

タグonclick="return hidePurchased();"への追加は機能するため、機能に問題はありません。<input>hidePurchased()

どんな助けでも大歓迎です！

Answer 1

getElementsByNameNodeListメソッドを持たない を返すaddEventListenerため、結果を逆参照して、クリックリスナーをバインドする予定の男を実際に選択する必要があります

試す：

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

作業例:

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

Answer 2

どうぞ。http://jsfiddle.net/DE26x/8/私が知る限り、foo 配列の最初のインデックスを選択するのを忘れているだけです。現在は機能しているようです。それをチェックすると、事に noshow クラスがあることがわかります。また、noshow を非表示にする css を追加して、動作を確認できるようにしました。