🗂

【JS】getElementById で取得したものが「is null」と言われる時の対処法

2022/10/20に公開約700字

getElementById で取得したものが「is null」と言われる時の対処法

解決方法

windowを読みこんだ中に実行したいことを書くと解決しました✌️

window.onload = function(){
	const id = document.getElementById("定義したID");
}

エラー内容

window.onloadを書かなかった場合、下記のようなエラーが発生するはずです。

TypeError: id is null

解説

私はJavaScriptを上に書いてその下にHTMLがつらつらと書かれた状態としていました。

JavaScriptでは上から順番に読み込みます。

よってwindowを書いていない場合なにそのid、知らんで?
という状態になります。

windowを記載することで、読みこんだ後に実行してくれるので無事解決という訳です。

参考サイト

Discussion

ログインするとコメントできます