使用Javascript在同一页面上打印数组的每条记录
我有一个记录数量可变的数组。我想在同一个html页面中打印数组的每条记录。我喜欢它显示在列表中 我有以下代码。但是,这只打印数组的最后一条记录,因为它覆盖了我的html ul元素中的上一条记录使用Javascript在同一页面上打印数组的每条记录,javascript,html,arrays,for-loop,Javascript,Html,Arrays,For Loop,我有一个记录数量可变的数组。我想在同一个html页面中打印数组的每条记录。我喜欢它显示在列表中 我有以下代码。但是,这只打印数组的最后一条记录,因为它覆盖了我的html ul元素中的上一条记录 for (var i = 0; i < feedbackGeenLid.length; i++) { document.getElementById("feedback").innerHTML= ("<li>"+feedbackGeenLid[i] + "</li>"); }
for (var i = 0; i < feedbackGeenLid.length; i++)
{
document.getElementById("feedback").innerHTML= ("<li>"+feedbackGeenLid[i] + "</li>");
}
for(变量i=0;i”+feedbackgeenId[i]+“”);
}
有人知道如何实现这一点吗?您的代码不断替换需要添加到其中的innerHTML
document.getElementById("feedback").innerHTML += ("<li>"+feedbackGeenLid[i] + "</li>");
^
|
Added + here
document.getElementById(“feedback”).innerHTML++=(“”+feedbackGeenLid[i]+“ ”);
^
|
在这里加上+
为了获得更好的性能,请构建一个字符串,并在循环结束时将其设置为innerHTML
var out = "";
for (var i = 0; i < feedbackGeenLid.length; i++)
{
out += "<li>"+feedbackGeenLid[i] + "</li>";
}
document.getElementById("feedback").innerHTML= out;
var out=”“;
对于(变量i=0;i”+反馈geenlid[i]+“”;
}
document.getElementById(“feedback”).innerHTML=out;
另一个选项是使用您的代码不断替换需要添加到其中的innerHTML
document.getElementById("feedback").innerHTML += ("<li>"+feedbackGeenLid[i] + "</li>");
^
|
Added + here
document.getElementById(“feedback”).innerHTML++=(“”+feedbackGeenLid[i]+“ ”);
^
|
在这里加上+
为了获得更好的性能,请构建一个字符串,并在循环结束时将其设置为innerHTML
var out = "";
for (var i = 0; i < feedbackGeenLid.length; i++)
{
out += "<li>"+feedbackGeenLid[i] + "</li>";
}
document.getElementById("feedback").innerHTML= out;
var out=”“;
对于(变量i=0;i”+反馈geenlid[i]+“”;
}
document.getElementById(“feedback”).innerHTML=out;
另一个选项是使用重写每个循环中的内容。使用变量连接内容,然后将其放入元素中:
var html = '';
for (var i = 0; i < feedbackGeenLid.length; i++)
{
html += "<li>"+feedbackGeenLid[i] + "</li>";
}
document.getElementById("feedback").innerHTML= html;
var html='';
对于(变量i=0;i”+反馈geenlid[i]+“”;
}
document.getElementById(“反馈”).innerHTML=html;
您正在重写每个循环中的内容。使用变量连接内容,然后将其放入元素中:
var html = '';
for (var i = 0; i < feedbackGeenLid.length; i++)
{
html += "<li>"+feedbackGeenLid[i] + "</li>";
}
document.getElementById("feedback").innerHTML= html;
var html='';
对于(变量i=0;i”+反馈geenlid[i]+“”;
}
document.getElementById(“反馈”).innerHTML=html;
非常感谢。这种方法也很管用。非常感谢。这种方法也起到了作用。