效果图
代码
<!DOCTYPE html>
<html>
<body>
<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>
</body><script type="text/javascript">function addTable(){var h=document.getElementById("h").value;var l=document.getElementById("l").value;var divtab=document.getElementById("divt");var tab="<table border='solid' style='width:800px;height:200px;'>";for(var i=0;i<h;i++){tab+="<tr>";for(var j=0;j<l;j++){tab+="<td>";tab+="</td>";}tab +="</tr>";}tab+="</table>";divtab.innerHTML=tab;}</script>
</html>
思路
获取行列的数值，for循环输出行列
