スクリプトの間違いを指摘して欲しい。
当サイトのリニューアル作業に時間をあてるため、掲示板の投稿は当分停止させていただきます。
alert(document.getElementById("message").innerHTML);
<p id="message">こんにちは</p>
参考書の通りに書いているはずなんですが、コンソールにinnerHTMLの値がnullと表示されてしまいます。
<p id="message">こんにちは</p>
参考書の通りに書いているはずなんですが、コンソールにinnerHTMLの値がnullと表示されてしまいます。
とら さん
01月26日 15時47分
とらさん、こんにちは。
記載された通りの順番にコードを書かれているようでしたら、スクリプトの間違いではなく、id="message"が読まれる前にJavaScriptが実行されているのが原因です。
※例えばChromeのデベロッパーツール(F12を押すと出てくる開発者用のツール)では、以下のようなエラーメッセージが出ています。
※要するにプロパティが（存在しないため）読めないという意味です。
プログラムは上から順に実行されるため、以下の様に、先にid="message"が読まれるようにしておけば、無事「こんにちは」とアラートが出ます。
よろしければ参考になさってください。
記載された通りの順番にコードを書かれているようでしたら、スクリプトの間違いではなく、id="message"が読まれる前にJavaScriptが実行されているのが原因です。
※例えばChromeのデベロッパーツール(F12を押すと出てくる開発者用のツール)では、以下のようなエラーメッセージが出ています。
Uncaught TypeError: Cannot read property 'innerHTML' of null
※要するにプロパティが（存在しないため）読めないという意味です。
プログラムは上から順に実行されるため、以下の様に、先にid="message"が読まれるようにしておけば、無事「こんにちは」とアラートが出ます。
<p id="message">こんにちは</p>
<script>
alert(document.getElementById("message").innerHTML);
</script>
<script>
alert(document.getElementById("message").innerHTML);
</script>
よろしければ参考になさってください。
馬場誠 さん
01月27日 13時31分
