萬盛學電腦網 >> 腳本專題 >> javascript >> Jquery 動態生成表格示例代碼
Jquery 動態生成表格示例代碼
在某些特殊的情況下是需要動態生成表格的，下面為大家詳細介紹下使用jquery是如何做到的，感興趣的朋友不要錯過
代碼如下: <!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>javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved