1<!DOCTYPE html>
2<html>
3<body>
4 行：<input type="text" id="row" />
5 列：<input type="text" id="col" />
6 <br/>
7 <input type="button" value="生成" onclick="add();"/>
8 <div id="divv">
9 </div>
10 <script type="text/javascript">
11 function add() {
12 //获取输入的行和列
13 var row = document.getElementById("row").value;
14 var col = document.getElementById("col").value;
15
16 //把表格代码放到一个变量里面
17 var tab = "<table border='1' bordercolor='blue'>";
18 //循环行
19 for(var i=1;i<=row;i++) {
20 tab += "<tr>";
21 //循环单元格
22 for(var j=1;j<=col;j++) {
23 tab += "<td>单元格_"+i+"_"+j+"</td>"
24 }
25 tab += "</tr>";
26 }
27 tab += "</table>";
28
29 var divv = document.getElementById("divv");//得到div标签
30 divv.innerHTML = tab;//把table的代码设置到div里面去
31}
32</script>
33</body>
34</html>