JavaScriptのdocument.getElementByIdの問題

Question

JavaScriptを使用している曜日によっては、特定のdivを表示しようとしています。私は "thu"のidを持つdivを持っています。 JavaScriptコードでは、そのIDをドキュメントから取得しようとしますが、何も起こりません。ここに私が持っているものは次のとおりです：

ここではdivですが、別のスタイルシートでは "none"と表示されます。

<div id="thu">Thursday</div> 

ここには、同じページの頭の部分のJavaScriptがあります。

var date = new Date(); 
var dayNum = date.getDay(); 
switch (dayNum) 
{ 
case 4: 
document.getElementById('thu').style.display='block'; 
break; 

divは表示されません。このような変数に要素を代入しようとしました...

var block = document.getElementById("thu"); 
document.write(block); 

... "NULL"と書いてあります。

何か不足していますか？どんな助けも素晴らしいだろう。

Answer 1

HTMLがページに書き込まれる前にコードが実行されていますか？つまり、<div id="thu">より前のブロックは<script>ですか？それは最も可能性の高い問題のようです。

Answer 2

DOMが完全に読み込まれる前に、おそらく要素にアクセスしようとしています。本体のOnloadイベントにコールを入れるか、より良い方法として、JQueryを見てみましょう。これがすべて処理される方法は非常にエレガントです。

Answer 3

要素が見つからない場合、2番目のブロックはnullと表示されます。見つかった場合は、[object HTMLDivElement]

のような行が表示されるまで待つ必要があります。対話するには、DOMの準備が整うか、ウィンドウが完全に読み込まれるまで待つ必要があります。それを行うには、この形式であなたのコードをラップする必要があります：

window.onload = function() { 
    // put your code in here 
}; 

Answer 4

私はbreak後に閉じ括弧}を追加すると、それは私のために動作します。