Question

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

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

HTML

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

的Javascript

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

我对说明感到困惑。我到底想要做些什么才能使其处于正常运转状态。

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

Answer 1

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

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

x();

Answer 2

您必须使用此代码：
的的Javascript ：

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

To＆＃34;显示数据＆＃34;在HTML中，（在大多数情况下），您将设置innerHTML属性的值。在此更改后，您必须调用x()函数。
并且您在加载dateDisplay元素后使用此功能。

Answer 3

你也可以像这样使用.innerHTML方法：

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

您也忘了调用函数x

Answer 4

直接调用函数比分配给变量函数更倾向于

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

使用javascript显示日期

4 个答案: