用纯js循环输出一个table

好的，可以为您编写以下代码：

// 创建table元素
var table = document.createElement("table");

// 循环创建行和列，并添加到table中
for (var i = 0; i < 5; i++) {
  var tr = document.createElement("tr");
  for (var j = 0; j < 5; j++) {
    var td = document.createElement("td");
    td.innerText = "行 " + i + " 列 " + j;
    tr.appendChild(td);
  }
  table.appendChild(tr);
}

// 将table添加到body中
document.body.appendChild(table);

您可以根据需要更改循环的初始值、终止条件和步进值，同时也可以根据需要自定义表格的行列数、单元格内容等。

相关问题

使用js 循环一个table

可以使用 JavaScript 的循环语句和 DOM 操作来循环一个 table。

首先，需要获取到 table 元素，可以使用 `document.getElementById()` 或 `document.querySelector()` 方法获取到。然后，可以通过 `table.rows` 属性获取到 table 中的所有行，通过 `row.cells` 属性获取到每行中的所有单元格。

以下是一个示例代码：

HTML:

<table id="myTable">
  <tr>
    <td>1</td>
    <td>John</td>
    <td>Doe</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Jane</td>
    <td>Doe</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Bob</td>
    <td>Smith</td>
  </tr>
</table>

JavaScript:

// 获取 table 元素
const table = document.getElementById('myTable');

// 循环所有行
for (let i = 0; i < table.rows.length; i++) {
  const row = table.rows[i];
  
  // 循环当前行中的所有单元格
  for (let j = 0; j < row.cells.length; j++) {
    const cell = row.cells[j];
    
    // 输出单元格内容
    console.log(cell.innerHTML);
  }
}

上面的代码会输出 table 中每个单元格的内容。你可以根据需要修改输出内容或执行其他操作。

用 js 循环输出表格

好的，下面是用 JavaScript 循环输出表格的代码：

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <script>
      for (var i = 0; i < 5; i++) {
        document.write("<tr><td>" + i + "</td><td>" + (i * 2) + "</td><td>" + (i * 3) + "</td></tr>");
      }
    </script>
  </tbody>
</table>

这段代码会循环输出一个包含 5 行、3 列的表格，每行的数据都是由循环计算得出的。希望这个代码能够帮到您！