js 将json数据自动绑定到 html table 表格中

最新推荐文章于 2025-06-08 20:30:00 发布

原创最新推荐文章于 2025-06-08 20:30:00 发布 · 1.6w 阅读

10 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何通过JavaScript创建并动态生成一个table元素，利用函数动态获取数据并填充到table中，展示了一种将数据自动绑定到table的实用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*自動綁定到table*/
var f = new Function("+[{id:"1",name:"aa"},{id:"2",name:"bb"}]+");
var list = f();
var h= "<table id='tb'>";
h+= "<tr>"
for(var headColumn in list[0]){
  h+="<td>"+headColumn+"</td>"
}
h+="</tr>"";
for(var i=0;i<list.length;i++){
  h+="<tr>"
  for(var row in list[i]){
    h+="<td>"+list[i][row]+"</td>"; 
  }
  h+="</tr>";
}
h+="</table>"
document.getELementById("div1").innerHTML = h;