创建一个输入在 <td> 内的 html 表

Question

我有以下 html 表格：

<table>
    <tr>
      <td> <input> </td>
      <td> <input> </td>
      <td> <input> </td>
    </tr>
    <tr>
      <td> <input> </td>
      <td> <input> </td>
      <td> <input> </td>
    </tr>
    <tr>
      <td> <input> </td>
      <td> <input> </td>
      <td> <input> </td>
    </tr>
  </table>

相反，我想仅使用 javascript 创建此表。我已阅读以下post。但是，我希望在每个<td> 中都有一个<input>（如提供的代码所示）。任何指导或帮助将不胜感激。

谢谢！

Answer 1

我找到了答案：

const table = document.querySelector('table');

function generateTable() {
  for (let i = 0; i < 5; i++) {
    const row = table.insertRow();
    for (let a = 0; a < 5; a++) {
      const cell = row.insertCell();
      const inputCell = document.createElement("INPUT");
      cell.appendChild(inputCell);
    }
  }
}

generateTable()

<table> </table>