<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>动态生成表格</title>
<link href="table.css" style="text/css" rel="stylesheet">
<script type="text/javascript">
function createTable(){
var rowVal = parseInt(document.getElementById("row").value);
var colVal = parseInt(document.getElementById("col").value);
var oTableNode = document.createElement("table");
if(isNaN(rowVal) || rowVal<=0){
alert("行数必须是正整数");
return ;
}
if(isNaN(colVal) || colVal<=0){
alert("列数必须是正整数");
return ;
}
//alert(rowVal+","+colVal);
//for循环生成表格
for(var i = 1; i<= rowVal;i++){
var oTrNode = oTableNode.insertRow();
for(var j = 1; j<= colVal;j++){
var oTdNode = oTrNode.insertCell();
oTdNode.innerHTML="<b>单元格" +i+ "--" +j+ "</b>";
}
}
document.getElementById("div1").appendChild(oTableNode);
}
</script>
</head>
<body>
<input type="text" id="row">
<input type="text" id="col">
<input type="button" value="生成表格" onclick="createTable()">
<div id="div1"></div>
</body>
</html>
