

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);


版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。