2012-05-02 13 views
0

は私のコードです:私は、HTMLドキュメントを実行するとJavascriptが作業することを拒否...ここ

<html> 
<head> 
<title>Date Test</title> 
<script> 
document.getElementById("date").innerHTML = Date(); 
</script> 
</head> 
<body> 
<p>Today's date is <span id="date"></span></p> 
</body> 
</html> 

、それが唯一の理由...「今日の日付がある」を示しますか?!?

答えて

5

スクリプト実行時に<span id="date">は存在しません。全体のDOMの準備が完了した後、いつかスクリプトを実行することを

<script> 
onload = function() { 
    document.getElementById("date").innerHTML = Date(); 
}; 
</script> 

:あなたはこの問題を解決するためにonloadハンドラにそれを置くことができます。もちろん、あなたはDOMの準備ができるとすぐにコードを実行するDOMContentLoadedを扱うことができ、そしてその内容もロードされているが、他の(本当に簡単)方法は終了</body>タグの前にスクリプトを置くことではありません後:

<html> 
<head> 
<title>Date Test</title> 
</head> 
<body> 
<p>Today's date is <span id="date"></span></p> 
<script> 
document.getElementById("date").innerHTML = Date(); 
</script> 
</body> 
</html> 
3

DOMがロードされたことを確認するために、右bodyの終了前にスクリプトを配置してみてください。

<html> 
<head> 
<title>Date Test</title> 
</head> 
<body> 
<p>Today's date is <span id="date"></span></p> 
<script type="text/javascript"> 
document.getElementById("date").innerHTML = Date(); 
</script> 
</body> 
</html> 

例:http://jsfiddle.net/tQUUH/

はここで話題に少し深く行くいくつかのリソースです:

あなただけのJavaScriptを学習している場合は、MDNは素晴らしいリソースです。

+0

ありがとうございます! JSでの作業は初めてです。ハハ –

+0

@SamClark:問題ありません!いくつかのアイデアについては、minitechの答えを確認してください。 –

関連する問題