◆html
<h1 id="title">タイトルだよ。</h1>
◆JavaScript
var h1 = document.getElementById("title");
console.log(h1);
h1.textContent = "タイトルを変更しました。";
JavaScriptが機能せず、consoleに
"Uncaught TypeError: Cannot set property 'textContent' of null"
というエラーが出ます。
<script src="script.js"></script>
を<head>内に書いていたのが間違いで、</body>の前に移動したらちゃんと動きました。
HTMLやスクリプトは上から順に読み込んでいくので、script.jsを読み込んだときにはまだh1がなく、従ってtextContentもnullになるということでした。
しばらく離れている間に、そんなことも忘れていました。
