Javascript 试图写入文档，但未加载任何内容

这是我第一次尝试Javascript，它可能真的很混乱。它的全部目的是输出日期，日期的每个部分都有不同的颜色。我已经研究了几种方法，这就是我的想法（通过请求添加HTML）：

var d=新日期（）；
风险值天数=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”]；
风险值月份=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
变量颜色=[“红色”、“绿色”、“黄色”、“蓝色”、“棕色”]；
var i；
var fulldate=[]；
var fulldate[0]=天[d.getDay（）]；
var fulldate[1]=d.getDate（）；
var fulldate[2]=月[d.getMonth（）]；
var fulldate[3]=d.getFullYear（）；
var hours=d.getHours（）；
var minutes=d.getMinutes（）；
var fulldate[4]=小时+“：”+分钟
对于（i=0；i<5；i++）{
document.getElementById（“日历”）.innerHTML=“”完整日期[i]”
}

---

我试图找出为什么我写的段落标签中没有显示任何内容。有人能看出我哪里出了错吗？

你就快到了。您需要使用

+

来连接字符串

试试这个：

for(i = 0; i < 5; i++){
    document.getElementById("calendar").innerHTML = "<span style=\"color:" + colors[i] + "\">" + fulldate[i] + "</span>"
}

（i=0；i<5；i++）的

{
document.getElementById（“日历”）.innerHTML=“+fulldate[i]”
}

你就快到了。您需要使用

+

来连接字符串

试试这个：

for(i = 0; i < 5; i++){
    document.getElementById("calendar").innerHTML = "<span style=\"color:" + colors[i] + "\">" + fulldate[i] + "</span>"
}

（i=0；i<5；i++）的

{
document.getElementById（“日历”）.innerHTML=“+fulldate[i]”
}

你就快到了

你可以做以下几件事：

1。您需要将

字符串

和

变量

连接起来，在字符串和变量之间使用

+

符号设置

p

元素的

innerHTML

e、 g.

“一个字符串”+我的变量

或

一个变量+“某个字符串”+另一个变量

2.在

for

声明中初始化

i

（你的

for

循环的计数器）-你不需要在循环之前声明，而且以后更容易阅读

移除

var i顶部附近的声明-有点丢失。然后，在您的
for（…）
语句中，您可以在那里初始化
i

e、 g.
for（var i=0；i<5；i++）{…}

3.在for循环的每次迭代中，您都要替换
#日历的
innerHTML
。您可以使用
+=
附加到现有值

e、 g.
document.getElementById（'calendar'）.innerHTML+=“…”


您的代码应该如下所示：

for (var i = 0; i < 5; i++) {
    document
        .getElementById("calendar")
        .innerHTML += "<span style=\"color:" + colors[i] + "\">" + fulldate[i] + "</span>";
}

for（变量i=0；i<5；i++）{
文件
.getElementById（“日历”）
.innerHTML+=“”+fulldate[i]+“”；
}

希望这有帮助：）
你就快到了

你可以做以下几件事：

1。您需要将
字符串
和
变量
连接起来，在字符串和变量之间使用
+
符号设置
p
元素的
innerHTML

e、 g.
“一个字符串”+我的变量
或
一个变量+“某个字符串”+另一个变量

2.在
for
声明中初始化
i
（你的
for
循环的计数器）-你不需要在循环之前声明，而且以后更容易阅读

移除
var i顶部附近的声明-有点丢失。然后，在您的
for（…）
语句中，您可以在那里初始化
i

e、 g.
for（var i=0；i<5；i++）{…}

3.在for循环的每次迭代中，您都要替换
#日历的
innerHTML
。您可以使用
+=
附加到现有值

e、 g.
document.getElementById（'calendar'）.innerHTML+=“…”


您的代码应该如下所示：

for (var i = 0; i < 5; i++) {
    document
        .getElementById("calendar")
        .innerHTML += "<span style=\"color:" + colors[i] + "\">" + fulldate[i] + "</span>";
}

for（变量i=0；i<5；i++）{
文件
.getElementById（“日历”）
.innerHTML+=“”+fulldate[i]+“”；
}

希望这有帮助：）
代码中几乎没有问题。您必须在innerHTML中提供一个字符串，并使用+将动态数据添加到字符串中

var d = new Date();
var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var colors = ["red", "green", "yellow", "blue", "brown"];
var i;
var fulldate = [];
    console.log(d.getDay());
 fulldate.push(days[d.getDay()]);
 fulldate.push(d.getDate());
 fulldate.push(months[d.getMonth()]);
 fulldate.push(d.getFullYear());
 hours = d.getHours();
 minutes = d.getMinutes();
fulldate.push(hours + ":" + minutes);

    for(i = 0; i < 5; i++){
        document.getElementById("calendar").innerHTML = "<span style=\"color:"+colors[i]+"\">" + fulldate[i] + "</span>"
    }

var d=新日期（）；
风险值天数=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”]；
风险值月份=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
变量颜色=[“红色”、“绿色”、“黄色”、“蓝色”、“棕色”]；
var i；
var fulldate=[]；
console.log（d.getDay（））；
fulldate.push（天[d.getDay（）]）；
fulldate.push（d.getDate（））；
fulldate.push（月[d.getMonth（）]）；
fulldate.push（d.getFullYear（））；
小时=d.getHours（）；
分钟=d.getMinutes（）；
fulldate.push（小时+“：”+分钟）；
对于（i=0；i<5；i++）{
document.getElementById（“日历”）.innerHTML=“+fulldate[i]”
}

您可以看到JSFIDLE

代码中几乎没有问题。您必须在innerHTML中提供一个字符串，并使用+将动态数据添加到字符串中

var d = new Date();
var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var colors = ["red", "green", "yellow", "blue", "brown"];
var i;
var fulldate = [];
    console.log(d.getDay());
 fulldate.push(days[d.getDay()]);
 fulldate.push(d.getDate());
 fulldate.push(months[d.getMonth()]);
 fulldate.push(d.getFullYear());
 hours = d.getHours();
 minutes = d.getMinutes();
fulldate.push(hours + ":" + minutes);

    for(i = 0; i < 5; i++){
        document.getElementById("calendar").innerHTML = "<span style=\"color:"+colors[i]+"\">" + fulldate[i] + "</span>"
    }

var d=新日期（）；
风险值天数=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”]；
风险值月份=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
变量颜色=[“红色”、“绿色”、“黄色”、“蓝色”、“棕色”]；
var i；
var fulldate=[]；
console.log（d.getDay（））；
fulldate.push（天[d.getDay（）]）；
fulldate.push（d.getDate（））；
fulldate.push（月[d.getMonth（）]）；
fulldate.push（d.getFullYear（））；
小时=d.getHours（）；
分钟=d