脱力系備忘録BloG ホーム »JavaScript備忘録 getElementById

JavaScript備忘録 getElementById  

JavaScriptがちょっと苦手。

'document.getElementById(...)' は Null またはオブジェクトではありません。

というエラーで悩んだ。
多分、今更ながらなことなんだろうけど初めてわかったので備忘録。
以下のスクリプトはalertの表示は出るが、その下でエラーになる。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset=utf-8>
<title>JS Test</title>
<script>
alert("hellow kitty!!");
document.getElementById("disp").innerHTML = "コメント表示";
</script>
</head>
<body>
<div id="disp"></div>
</body>
</html>


以下のスクリプトは意図どおりに動く。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset=utf-8>
<title>JS Test</title>
</head>
<body>
<div id="disp"></div>
<script>
alert("hellow kitty!!");
document.getElementById("disp").innerHTML = "コメント表示";
</script>
</body>
</html>

ブラウザが
document.getElementById("disp").innerHTML = "コメント表示";
の行を解釈した時点で、ID「disp」を理解できているかどうかと言う違い。

当たり前といえば当たり前だな。
関連記事

category: JavaScript

この記事へのコメント

コメントの投稿

非公開コメント

コメントは全て管理人が内容を確認してから表示されます(非公開コメント除く)。
内容によっては表示されない場合がありますことご了承願います。

プロフィール

お問い合わせ

最新記事

最新コメント

▲ Pagetop