脚本执行时,
<span id="date">
不存在。您可以将其放入 onload
处理程序中来解决此问题:
<script>
onload = function() {
document.getElementById("date").innerHTML = Date();
};
</script>
这将在整个 DOM 准备好后运行脚本。当然,您可以处理
DOMContentLoaded
以在 DOM 准备就绪时立即运行代码,而不是在其内容也加载之后运行,但另一种(非常简单)的方法是将脚本放在结束 </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>
尝试将脚本放在
body
末尾之前以确保 DOM 已加载:
<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 是一个很好的资源。