显示基准 - 控制台

Question

我在HTML中有以下div：

<div id = "datum">contents here</div>

在JavaScript中，我有以下代码来显示日期：

var myDate= new Date();
document.getElementById('datum').innerHTML = myDate;

我在控制台中收到以下错误：

  

TypeError：document.getElementById（...）为null script.js：5：5

我已经尝试将代码放在div标记之上，因为JavaScript从上到下读取，但它仍然是同一个问题。

提前谢谢。

Answer 1

DOM加载后，您的代码可能无法执行。请尝试以下方法：

document.addEventListener('DOMContentLoaded', function() {
    var myDate= new Date();
    document.getElementById('datum').innerHTML = myDate;
});