var data=[
{name:”aa”,age:16,gender:”male”},
{name:”bb”,age:18,gender:”female”},
{name:”cc”,age:19,gender:”male”},
{name:”dd”,age:20,gender:”female”},
];
// 創建表格大概樣式
var table=document.createElement(“table”);
var tbody=document.createElement(“tbody”);
var thead=document.createElement(“thead”);
table.appendChild(tbody);
table.appendChild(thead);
var trHead=document.createElement(“tr”);
thead.appendChild(trHead);
// 創建表頭
for(var k in data[0]){
var th=document.createElement(“th”);
th.appendChild(document.createTextNode(k));
trHead.appendChild(th)
}
//創建每行的tr和td
for(var i=0;i<data.length;i++){
var tr=document.createElement(“tr”);
for( var k in data[i]){
var td=document.createElement(“td”);
td.appendChild(document.createTextNode(data[i][k]));
tr.appendChild(td);
td.width=”100″;
td.height=”40″;
}
tr.align=”center”;
tbody.appendChild(tr);
}
table.border=”1″;
//加到頁面中
document.body.appendChild(table);
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/210943.html
微信掃一掃 
支付寶掃一掃 