<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table{width: 500px;border: 1px solid gray;border-collapse: collapse;}
td{line-height: 35px;border: 1px solid gray;text-align: center;height: 35px}
</style>
</head>
<body>
<label for="">行数:</label>
<input type="text" id="ipt1">
<label for="">列数:</label>
<input type="text" id="ipt2">
<button id="btn">创建</button>
<script type="text/javascript">
//查找元素
var ipt1=document.getElementById("ipt1");
var ipt2=document.getElementById("ipt2");
var btn=document.getElementById("btn");
var tab;
//点击事件
btn.onclick=function(){
if(typeof tab=="object"){
document.body.removeChild(tab);
}
tab=document.createElement("table");
for(var i=1;i<=ipt1.value;i++){
var tr=tab.insertRow();
for(var j=1;j<=ipt2.value;j++){
var td=tr.insertCell();
}
}
document.body.appendChild(tab);
ipt1.value="";
ipt2.value="";
}
</script>
</body>
</html>