使用Javascript在同一页面上打印数组的每条记录

使用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>"); }

我有一个记录数量可变的数组。我想在同一个html页面中打印数组的每条记录。我喜欢它显示在列表中

我有以下代码。但是,这只打印数组的最后一条记录,因为它覆盖了我的html ul元素中的上一条记录

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;
    
    非常感谢。这种方法也很管用。非常感谢。这种方法也起到了作用。