<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--動態生成表格