<% @?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 >