一般的なエラー-キャッチされないTypeError:document.getElementsByClassName(...)。 AddEventListenerは関数ではありません



Common Errors Uncaught Typeerror



  • ネイティブフロントエンド開発を行うときに発生する問題:Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function......
  • 理由:
    1. セレクターが要素オブジェクトを正しく選択しませんでした
      document.getElementsByClassName(…)は、このクラス名の要素の配列をキャプチャします
  • 解決
    1. document.getElementsByClassName(…) [0] .addEventListener…
      [0]を介して必要な要素オブジェクトを選択します