显示日期分为日-月-年和组合

Question

我正在尝试在我的 html 页面中使用当前月份、年份、月份-年份和日期-月份。

这是我正在使用的 javascript

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var n = new Date();
var y = n.getFullYear();
var m = n.getMonth();
var d = n.getDate();
document.getElementById("date").innerHTML = d + " " + months[m] + " " + y;
document.getElementById("month-year").innerHTML =  months[m] + " " + y;
document.getElementById("day-month").innerHTML = d + " " + months[m];
document.getElementById("year").innerHTML = y;
document.getElementById("month").innerHTML = months[m];
document.getElementById("day").innerHTML = d;

我使用html的<a>标签来调用日期、月份、年份等，如下

<a id="date"></a>
<a id="month-year"></a>
<a id="day-month"></a>
<a id="year"></a>
<a id="month"></a>
<a id="day"></a>

但是，只有当我在页面中的某处使用<a id="date"></a> 时它才有效，如果我不使用<a id="date"></a>，那么其他标签都不起作用。

我创建了一个jsfiddle 来突出问题。如果您从 Html 部分中删除 <a id="date"></a>，您将看到我所指的问题。

---

感谢下面的回答

完整代码见jsfiddle

Answer 1

这是因为你的 javascript 由于 null 对象而中断

document.getElementById("date").innerHTML = d + " " + months[m] + " " + y;

你应该在设置innerHTML之前检查它是否存在。例如：

var dateObject = document.getElementById("date");
if (dateObject) dateObject.innerHTML = d + " " + months[m] + " " + y;