我想使用Javascript中的循环在HTML中的特定id中显示数组中的多个对象

I want to display multiple objects inside an array using loop in Javascript in a specific id in HTML

本文关键字：显示 id 数组 对象 Javascript 循环 HTML      更新时间：2023-09-26

我希望它显示在html中的特定id中

document.write("<table class='table table-striped'><thead><tr><td><b>Stand Name</td><td><b>Owner</td><td><b>Sub Area</td></tr></thead><tbody>");
for(i = 0; i < list.length; i++) {
    if(list[i].subAreatype == subAreaList[5]) {
        document.write(list[i].standName + "<br>");
    }
}
document.write("</tbody></table>");

我希望它显示在html中的特定id中。

在这种情况下，您需要首先在一个变量中捕获它，然后设置该ID文档的innerHTML。

var html = "<table class='table table-striped'><thead><tr><td><b>Stand Name</td><td><b>Owner</td><td><b>Sub Area</td></tr></thead><tbody>";
for(i = 0; i < list.length; i++) {
    if(list[i].subAreatype == subAreaList[5]) {
        html += list[i].standName + "<br>";
    }
}
html += "</tbody></table>";

现在在页面的特定id中显示此html

document.getElementById("elementId").innerHTML = html;
相关文章：