<!DOCTYPE html><
html
lang
=
"en"
><
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>Title</
title
></
head
><
body
></
body
><
script
>
var data = [
{ name : "jim1", age : 18, gender : "male"},
{ name : "jim2", age : 19, gender : "female"},
{ name : "jim3", age : 20, gender : "female"},
{ name : "jim4", age : 21, gender : "male"}
]; function createElement( tag ) {
return document.createElement( tag );
} var table = createElement( "table" ); var thead = createElement( "thead" ); var tbody = createElement( "tbody" );
table.appendChild( thead );
table.appendChild( tbody ); var trhead = createElement( "tr" );
thead.appendChild( trhead ); for ( var k in data[ 0 ] ){
th = createElement( "th" );
th.appendChild( document.createTextNode( k ) );
trhead.appendChild( th );
} for ( var i = 0; i <
data.length
; i++){ var
tr
=
createElement
( "tr" ); for ( var j in data[ i ]){
td
=
createElement
( "td" );
td.appendChild( document.createTextNode( data[i][j] ));
tr.appendChild( td );
}
tbody.appendChild( tr );
} //table.setAttribute("border","1px");
//或直接设置
table.border
=
"1px"
;两者等价。
table.border
=
"1px"
;
table.cellspadding
=
0
;
table.setAttribute("align","center");
table.style.textAlign
=
"center"
;
table.setAttribute("borderColor","skyBlue");
table.setAttribute("cellspacing",0);
document.body.appendChild( table );</script></
html
>