<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--建个表单表格让用户输入需求-->
行：<input id="hang" /><br />
列：<input id="lie" /><br />
<button οnclick="chuangjian()">创建表格</button><br />
<!--div存在的目的是存放表格-->
<div id="cunfang"></div>
<script>
function chuangjian(){
//获取用户输入的内容
var row =document.getElementById("hang").value;
var col =document.getElementById("lie").value;
var table = document.createElement("table");//创建表格
table.setAttribute("width","200px",);//添加属性和值
table.setAttribute("height","100px");
table.setAttribute("border","1px");
for (var i=0; i<row; i++) {
var tr = document.createElement("tr");
for (var j=0; j<col; j++) {
var td = document.createElement("td");
tr.appendChild(td);//创建一个单元格就添加到tr上
}
table.appendChild(tr);//创建好一行就添加进table上
}
var div =document.getElementById("cunfang");
div.appendChild(table)//把节点追加进div
}
</script>
</body>
</html>
