如何用JAVAscript做一个20行五列的表格呀?

发布网友发布时间：2022-04-25 02:42

共2个回答

热心网友时间：2023-10-21 20:28

<html>
<head>
<title>enter</title>
<script language="javascript">
function keypress1()
{
document.write("<table border='1'>");
for(i=0;i<20;i++)
{
document.write("<tr>");
document.write("<td><input type='text'/>");
document.write("</td>");
document.write("<td><input type='text'/>");
document.write("</td>");
document.write("<td><input type='text'/>");
document.write("</td>");
document.write("<td><input type='text'/>");
document.write("</td>");
document.write("<td><input type='text'/>");
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
}

</script>
</head>
<body>
<center>
<div style="text-align:left;">

<input type="button" value="生成表格" onclick="keypress1()"/>
<div>
</center>

</body>
</html>

热心网友时间：2023-10-21 20:28

<HTML>
<head>
</head>
<body>
</body>
<script type="text/javascript">

function addTable()
{
//行数
var rowsLength=20;
//列数
var colLength=5;
var objTable = document.createElement("table");
objTable.border="1";
for(var i=0;i<rowsLength;i++)
{
var objTr = document.createElement("tr");
for(var j=0;j<colLength;j++)
{
var objTd = document.createElement("td");
objTd.innerHTML="第"+(i+1)+"行"+(j+1)+"列";
objTr.appendChild(objTd);
}
objTable.appendChild(objTr);
}
document.body.appendChild(objTable);
}
addTable();
</script>
</HTML>