<!
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="http://static.zcool.com.cn/v6.2.3/scripts/jquery-1.7.2.min.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,5)" >
<
input
type="button" value="添加行" onClick="CreateTable(5)"
>
<
div
id="createtable"></
div
>
<
div
id="createrow"></
div
>
</
body
>
</
html
>