Javascript 拒绝工作...日期测试

问题描述 投票:0回答:2
javascript html dom
2个回答
5
投票

脚本执行时,

<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>

3
投票

尝试将脚本放在

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 是一个很好的资源。

© www.soinside.com 2019 - 2024. All rights reserved.