<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
行:<input type="text" id="h"/></br>
列:<input type="text" id="l"/></br>
<input type="button" value="生成表格" οnclick="createTable();" />
<div id = "div1" "></div>
<script type="text/javascript">
var hs =document.getElementById("h");
var ls =document.getElementById('l');
var dv =document.getElementById('div1');
function createTable(){
var tab = "<table border ='2px' style='background-color: burlywood' >";
for(var i=0;i<hs.value;i++){
tab += "<tr >";
for(var m=0;m<ls.value;m++){
tab+="<td width='150px'>999</td>"
}
tab += "</tr>";
}
tab += "</table>";
dv.innerHTML=tab;
}
</script>
</body>
</html>
动态输出一个任意行列的表格
最新推荐文章于 2022-03-02 19:30:35 发布