用jQuery试着动态生成表格

作者：前端菜鸟2017.08.28来源：Web前端之家浏览：17488评论:0

关键词：JQuery JS

用JQuery试着动态生成表格。

<!doctype html>
<HTML>
<head> 
<meta http-eqUIv="Content-Type" content="text/html; charset=gb2312"> 
<title>动态创建表格</title> 
<script type="text/javascript" src="/demo/JS/jq.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>