javascript エラー「Uncaught TypeError: Cannot set property ‘innerHTML’ of null」が発生した場合の対処法

javascript エラー「Uncaught TypeError: Cannot set property ‘innerHTML’ of null」が発生した場合の対処法

javascriptでエラー「Uncaught TypeError: Cannot set property ‘innerHTML’ of null」が発生した場合の原因と対処法を記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

エラー全文

以下のコードを実行に発生

エラーメッセージ

原因

htmlは上から順番に読み込まれているため、jsが読まれた時点では、下にある「pタグ」は、まだ認識されていない状態なため

対処法

jsをページ下部に記述するか

全てのコードが読まれた後にjsを実行させる方法がある