<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>创建多行多列表格</title>
<script type="text/javascript">
function addTable(){
var rowsLength=20;//行数
var colLength=10;//列数
var position = document.getElementById("blue");//定义table生成的位置
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.innerText = "第"+(i+1)+"行"+(j+1)+"列";
objTr.appendChild(objTd);
}
objTable.appendChild(objTr);
}
position.appendChild(objTable);
}
</script>
</head>
<body>
<input type="button" value="输出" οnclick="addTable()">
<div id="blue"></div>
</body>
</html>
JavaScript-js-创建表格-创建多行多列表
最新推荐文章于 2022-07-25 09:47:04 发布