Jquery 动态生成表格

来源:互联网 发布:神州数码程序员 编辑:程序博客网 时间:2024/05/16 08:26
<!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>");tr.appendTo(table);for(var j=0;j<cellCount;j++){   var td=$("<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>

0 0