質問: document.getElementsByClassName("remove-btn"); btn.addEventListener('click', function(){ window.alert("ok"); }, false); }; ``` ``` 削除依頼について ``` このように記述し、実際にクリックしてみるとTypeError: btn.addEventListener is not a function at window.onload というエラーが出てしまいます。 どのようにすれば解決できるか教えていただけないでしょうか。 よろしくお願いいたします。
回答: getElementsByClassNameは取得するものが複数だからそれぞれ処理する必要があります。 一つ目だけでよいなら下記のようにしてください。 ``` // var btn = document.getElementsByClassName("remove-btn"); // ↓ var btn = document.getElementsByClassName("remove-btn")[0]; ``` 【Document.getElementsByClassName() - Web API | MDN】 > > Document インターフェイスの getElementsByClassName メソッドは、指定されたクラス名をすべて持つすべての子要素の**配列風オブジェクト**を返します。 > > >