1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>动态生成表格</title>
6 </head>
7 <body>
8 行:<input type="text" id="row">
9 列:<input type="text" id="col">
10 <br />
11 <input type="button" value="生成" onclick="createTable()" />
12 <br />
13 <div id="container"></div>
14 </body>
15 <script type="text/javascript">
16 function createTable() {
17 // 获取行和列
18 var row = document.getElementById("row").value;
19 var col = document.getElementById("col").value;
20 // 获取放置表格的容器
21 var container = document.getElementById("container");
22 // 生成表格
23 var tab = "<table border='1' width='100%'>";
24 for (var i = 1; i <= row; i++) {
25 tab += "<tr align='center'>";
26 for (var j = 1; j <= col; j++) {
27 tab += "<td>" + j + "</td>";
28 }
29 tab += "</tr>";
30 }
31 tab += "</table>";
32 container.innerHTML = tab;
33 }
34 </script>
35 </html>