js写的一个table

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 >

转载于:https://www.cnblogs.com/sw22225458/archive/2008/01/07/1029526.html