js写table，关键是里面用js加样式

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Default10.aspx.cs "  Inherits = " Default10 "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 无标题页 </ title >
     < style  type ="text/css" >
        .red { height : 200px ; font-size : 30px ; background-color : Gray ; }
     </ style >
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
     </ div >
     </ form >
</ body >
</ html >
< script  language ="javascript"  type ="text/javascript" >

var  tbody  =  document.createElement( " TBODY " );
tbody.setAttribute( " class " , " red " );
var  table =  document.createElement( " table " );
table.style.color  =   " Red " ;
table.setAttribute( " width " , " 100% " );
table.setAttribute( " height " , " 100px " );
table.setAttribute( " className " , " red " );
var  row  =  document.createElement( " tr " );
var  cell  =  document.createElement( " td " );
var  c   =  document.createAttribute( " styles " );
c.nodeValue  =   " font-size:large " ;
cell.setAttributeNode(c);
cell.innerText  =   " 1 " ;
// cell.setAttribute("style","font-size:large;");

var  cell1  =  document.createElement( " td " );
cell1.style.setAttribute( " color " , " blue " );
// cell1.style.setAttribute("backgroundColor","green");
cell1.innerText  =   " 2 " ;
cell1.setAttribute( " className " , " red " );
row.appendChild(cell);
row.appendChild(cell1);
tbody.appendChild(row);
table.appendChild(tbody);
alert(table.outerHTML)
document.body.appendChild(table);
</ script >