JQuery 动态生成Table表格实例代码

时间：2021-05-26

JQuery动态生成Table表格

主要用到了JQuery中的append和appendto的方法,具体代码如下:

<!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>

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章