使用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 = document.createElement("table");
      tab.className = "layui-table";
      document.body.appendChild(tab);

      var body = document.createElement("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] = document.createElement("tr");
          body.appendChild(tabletr[i]);

          for(var j = 1;j<25;j++){
              tabletr[i][j] = document.createElement("th");
              tabletr[i].appendChild(tabletr[i][j]);
          }
      }

效果如圖所示：