js 二维数组使⽤JS语句，利⽤for循环的⽅法创建表格的两种⽅法⾸先去layui官⽹下载教程⽰例，在项⽬中加载layui.css，layui.js，JQuery.js
第⼀种：
将jsp语句写成字符串的形式，使⽤document.write（）⽅式输出：
代码如下：
var str = "";
str += "<table class='layui-table'>";
for (var i = 0; i < 6;i++)
{
str += "<tr>";
for(var j = 0; j < 24;j++){
str += " <td>" + (i + j) + "</td>";
}
str += "</tr>";
}
str += "</table>";
document.write(str);
效果如图所⽰：
第⼆种，创建元素对象：
⾸先⽤数组保存变量名，再通过数组保存的变量名来创建元素对象
代码如下：
var tab = ateElement("table");
tab.className = "layui-table";
document.body.appendChild(tab);
var body = ateElement("tbody");      tab.appendChild(body);
//定义存放元素名称的⼆维数组
var tabletr = new Array(6);
for(var i=0;i<6;i++){
tabletr[i]=new Array();
for(var j=0;j<24;j++){
tabletr[i][j]= i + j;
}
}
for(var i = 1;i<7;i++){
tabletr[i] = ateElement("tr");
body.appendChild(tabletr[i]);
for(var j = 1;j<25;j++){
tabletr[i][j] = ateElement("th");              tabletr[i].appendChild(tabletr[i][j]);
}
}
效果如图所⽰：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。