😺

Uncaught TypeError: Cannot set properties of null (setting 'value')

2022/10/24に公開約500字

JavaScriptを使った時にUncaught TypeError: Cannot set properties of null (setting 'value')というエラーが出てしまった。
https://mebee.info/2020/08/08/post-16168/
この記事を見ると反映するブラウザのバージョンの問題?かと思ったが、そのような問題ではなさそう。
jsfiddleやcodesandboxなどを使えば反映できる状態だった。

エラーが出た要因

bodyとcssの上にjsを書いていた。

<script src="main.js"></script>
<link href="index.css" rel="stylesheet">
</head>
<body>
〜以下省略

改善するには

bodyタグの中の一番下に書く。
HTML(全体感の要素・箱の部分)を読み込んでから、js(中身や仕組みの部分)を読み込ませるのが正常な挙動になる。

<script src="main.js"></script>
</body>

Discussion

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