动态生成table

DOCTYPE   HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
< html >
< head >
< meta   http-equiv="Content-Type" content="text/html; charset=gb2312">
< title >动态创建表格 title >
< script   type="text/javascript" src="Scripts/jquery-1.3.2.js"> script >
< script   type="text/javascript">
   function CreateTable(rowCount,cellCount)
   {
      var table=$("< table   border=\"1\">");
      table.appendTo($("#createtable"));
      for(var i=0;i< rowCount ;i++)
      {
         var tr=$(" tr >");
         tr.appendTo(table);
         for(var j=0;j< cellCount ;j++)
         {
            var td=$(""+i*j+" td >");
            td.appendTo(tr);
         }
      }
      trend.appendTo(table);
      $("#createtable").append(" table >");
   }
script >
head >
 
< body >
< input   type="button" value="添加表格" onClick="CreateTable(5,6)" >
< input   type="button" value="添加行">
< div   id="createtable"> div >
< div   id="createrow"> div >
body >
html >

你可能感兴趣的:(动态生成table)