用JS的循环功能 实现表格 封闭API

好的，那么你想要用循环功能来实现表格并封装 API，是这样吗？

你可以使用 JavaScript 的 for 循环来遍历表格中的每一行和每一列，然后使用 DOM 操作来动态地创建 HTML 表格元素，最后将这些元素插入到页面的相应位置。

例如，你可以使用如下代码来创建一个简单的表格：

function createTable(data) {
  // 获取表格的容器
  var container = document.getElementById('table-container');

  // 创建表格元素
  var table = document.createElement('table');

  // 创建表头
  var thead = document.createElement('thead');
  var tr = document.createElement('tr');
  for (var i = 0; i < data.headers.length; i++) {
    var th = document.createElement('th');
    th.innerHTML = data.headers[i];
    tr.appendChild(th);
  }
  thead.appendChild(tr);
  table.appendChild(thead);

  // 创建表格内容
  var tbody = document.createElement('tbody');
  for (var i = 0; i < data.rows.length; i++) {
    var tr = document.createElement('tr');
    for (var j = 0; j < data.headers.length; j++) {
      var td = document.createElement('td');
      td.innerHTML = data.rows[i][j];
      tr.appendChild(td);
    }
    tbody.appendChild(tr);
  }
  table.appendChild(tbody);

  // 将表格插入到容器中
  container.appendChild(table);
}

// 调用函数创建表格
createTable({
  headers: ['Name', 'Age', 'Gender'],
  rows: [
    ['John', '20', 'Male'],
    ['Alice', '25', 'Female'],
    ['Bob', '30', 'Male']
  ]
});

你也可以将这个函数封装成一个 API，供其他代码调用。

最后，建议你使用像 jQuery