javascript - 用javascript显示日期

Question

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

我对如何实现这一点有点困惑。我尝试执行一个函数表达式来显示日期，但没有显示任何内容，也没有错误。我尝试执行主体加载来调用该函数，但这会导致控制台错误:函数未定义。

HTML

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

Javascript

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

我对这些说明感到非常困惑。我究竟应该做什么才能使其正常工作。

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

Answer 1

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

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

x();