在js中创建一个输入行和列点击生成表单,就可以生成一个写有第多少行多 ...
发布网友
发布时间：2022-05-13 05:23
共1个回答
热心网友
时间：2022-04-24 16:20
<html>
<body>
<h1>JavaScript 生成表格</h1>
<h2>行：<input id=mrow type=number/>
列：<input id=mcolumn type=number/>
<input type="button" value="生成表格" onclick="gettable()" /></h2>
<hr/>
<p id="demo"></p>
<script type="text/javascript">
function gettable()
{
mrow=document.getElementById("mrow").value;
mcolumn=document.getElementById("mcolumn").value;
mytable="<table border=1>";
for (i = 0; i < mrow; i++) {
mytable += "<tr>";
for(j=0;j<mcolumn;j++){
mytable+="<td>"+"第"+(i+1)+"行 第"+(j+1)+"列"+"</td>";
}
mytable += "</tr>";
}
mytable+="</table>";
document.getElementById("demo").innerHTML=mytable;
}
</script>
</body>
</html>
