JQuery 动态生成Table表格实例代码
JQuery动态生成Table表格
主要用到了JQuery中的append和appendto的方法,具体代码如下:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <title>动态创建表格</title> <scripttype="text/javascript"src="Scripts/jquery-1.3.2.js"></script> <scripttype="text/javascript"> functionCreateTable(rowCount,cellCount) { vartable=$("<tableborder=\"1\">"); table.appendTo($("#createtable")); for(vari=0;i<rowCount;i++) { vartr=$("<tr></tr>"); tr.appendTo(table); for(varj=0;j<cellCount;j++) { vartd=$("<td>"+i*j+"</td>"); td.appendTo(tr); } } trend.appendTo(table); $("#createtable").append("</table>"); } </script> </head> <body> <inputtype="button"value="添加表格"onClick="CreateTable(5,6)"> <inputtype="button"value="添加行"> <divid="createtable"></div> <divid="createrow"></div> </body> </html>
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!