javascript - 使用javascript显示日期

我的指令是要包含通过函数定义的函数
该表达式在h2顶部的h2中显示当前日期和时间
打开页面时的页面。在h2中添加一个id =“ dateDisplay”。包括
一种自动调用功能，可更改日期文本的颜色
由第一个功能打印。

我对如何做到这一点感到困惑。我试图做一个函数表达式来显示日期，但没有显示任何内容，也没有错误。我尝试执行body onload来调用该函数，但是这导致未定义函数的控制台错误。

的HTML

<div>
    <h2 id="dateDisplay"></h2>
</div>

Java脚本

var d = new Date();
var x = function dateDisplay(){
    document.getElementById("dateDisplay").value = d;
}

我真的对指示感到困惑。我究竟该怎么做才能使它正常工作。

编辑：我的js文件链接出错。现在的问题是我收到控制台错误document.getElementById ...是null天气，我使用innerHTML或value或.innerText

最佳答案

您需要调用函数，并使用.innerText而不是.value。注意value仅适用于input元素。

var d = new Date();
var x = function dateDisplay(){
    document.getElementById("dateDisplay").innerText = d;
}

x();