<div>
<h1>动态生成表格</h1>
<div id="table1">
行：<input type="text" id="h"/>
列：<input type="text" id="l"/>
<input type="button" value="生成" onclick="addTable();" />
<div id="divt"></div>
</div>
</div>
<script type="text/javascript">
function addTable(){
/*动态生成表格
1、得到输入的行和列的值
2、生成表格
循环行
在行里面循环单元格
3、显示到页面上
把表哥的代码设置到div里面
使用innerHTML属性
*/
var h=document.getElementById("h").value;
var l=document.getElementById("l").value;
var divtab=document.getElementById("divt");
//把表格代码放到一个变量里面
var tab="<table border=‘solid‘>";
for(var i=0;i<h;i++){
tab+="<tr>";
for(var j=0;j<l;j++){
tab+="<td>";
tab+="aaaaa";
tab+="</td>";
}
tab +="</tr>";
}
tab+="</table>";
divtab.innerHTML=tab;
}
</script>
Js--动态生成表格
原文地址：https://www.cnblogs.com/xiqoqu/p/9061560.html