1. 程式人生 > >js 將json資料自動繫結到 html table 表格中

js 將json資料自動繫結到 html table 表格中

/*自動繫結到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;