TypeError document.getElementById(...) が null エラーですreason_javascript スキル

今日、テスト用に簡単なページを作成しました。js 部分を書いた後、コードを何度か読みましたが、構文エラーは見つかりませんでした。解決策はインターネットで検索することで、ID に基づいてノードを検索するための document.getElementById の構文が少し特殊であることがわかりました。詳細は次のとおりです。

(1) head ブロックなど、id が配置されているノードの前に記述する場合は、次のように記述します。

コードをコピー コードは次のとおりです:

window.onload=function(){

......jsコード
}


上記のコードは、html 要素がロードされた後に js

を実行することを意味します。
(2) ID が配置されているノードの後に​​書きます。そうしないと、TypeError: document.getElementById(...) is null が報告され、ノードが見つかりません。

jquery コードを書きすぎると、js の詳細を見落としやすくなるため、今後の参考のために記録しておいてください。