动态创建表格

转载于 2016-03-05 16:14:10 发布 · 456 阅读

文章标签：

#Web #动态创建表格

Web 专栏收录该内容

2 篇文章

订阅专栏

<!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="jquery-1.8.0.min.js"></script>

    <script type="text/javascript">
        function CreateTable(rowCount,cellCount)
        {
            var table=$("<table border=\"1\">");
            table.appendTo($("#createtable"));
            for(var i=0;i<cellCount;i++)
            {
                var tr=$("<tr></tr>");
                tr.appendTo(table);
                for(var j=0;j<cellCount;j++)
                {
                    var td=$("<td>"+i*j+"</td>");
                    td.appendTo(tr);
                }
            }
            tr.appendTo(table);
            $("#createtable").append("</table>");
        }
    </script>
</head>

<body>
<input type="button" value="添加表格" onClick="CreateTable(2,2)" >
<input type="button" value="添加行" onClick="CreateTable(5,6)">
<div id="createtable"></div>
<div id="createrow"></div>
</body>
</html>