Q&A
前提・実現したいこと
表内の選択ボックスをクリックすると「abc」とアラート表示させることを目標にしています。
発生している問題・エラーメッセージ
Uncaught TypeError: x[i].addEventListner is not a function at test.html:21
該当のソースコード
HTML
1<!DOCTYPE html> 2<html> 3<body> 4 <table> 5 <tbody> 6 <tr> 7 <td> 8 <select name="sources" id="sources" class="custom-select sources" data-placeholder="Source Type"> 9 <option value="profile">Profile</option> 10 <option value="word">Word</option> 11 <option value="hashtag">Hashtag</option> 12 </select> 13 </td> 14 </tr> 15 </tbody> 16 </table> 17<script> 18 var x = document.getElementsByClassName("custom-select") 19 var l = x.length; 20 for(let i = 0; i < l; i++){ 21 x[i].addEventListner("click",function(){ 22 alert("abc"); 23 },false); 24 } 25</script> 26</body> 27</html>
試したこと
初めに document.getElementsByClassName("custom-select").addEventListner のように書いていましたが
HTMLcollectionオブジェクトはaddEventListnerをもっていないとのことなので
forループでdocument.getElementsByClassName("custom-select")の配列要素を一つ一つ取得して.addEventListnerにかけましたが
解決に至らない状況です。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
「addEventListner」という機能は存在しません。
addEventListener
投稿2020/12/28 08:08
総合スコア80875
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/12/28 08:13
2020/12/28 08:17
2020/12/28 09:54
2020/12/28 09:55 編集