html动态获取到在表格下面动态插入的多行的单元格

在HTML中，动态获取表格下方新增的多行单元格通常涉及到JavaScript或jQuery等前端脚本语言。当你需要在用户交互事件（如点击按钮、表单提交等）后，通过DOM操作添加新的行（tr元素）以及对应单元格（td或th元素），可以按照以下步骤：

1. 首先，你需要选择一个基础模板行，这通常是已经存在于页面上的一个`<template>`元素或者是现有表格的一部分。

<!-- 模板行 -->
<template id="row-template">
  <tr>
    <td contenteditable></td> <!-- 这里是可编辑的单元格 -->
    <!-- 更多单元格... -->
  </tr>
</template>

<!-- 如果表格已有，例如 -->
<table id="myTable">
</table>

2. 然后，在JavaScript中，你可以监听特定事件，当触发时动态创建新的行并插入到表格底部：

// 获取模板和表格元素
const rowTemplate = document.getElementById('row-template');
const table = document.getElementById('myTable');

// 监听某个事件（比如按钮点击）
document.getElementById('addRowButton').addEventListener('click', function() {
  // 创建新行
  const newRow = rowTemplate.cloneNode(true); // 使用cloneNode复制节点

  // 清除原始id以避免冲突
  newRow.removeAttribute('id');

  // 将新行插入到表格的最后一行之后
  table.tBodies[0].appendChild(newRow);

  // 如果需要的话，也可以修改单元格内容或其他属性
});

3. 注意，上述示例假设所有单元格都是可编辑的，并且它们在模板中都有相应的`contenteditable`属性。如果你需要根据实际需求调整，比如只在特定列中允许编辑，那么相应地修改`contenteditable`的设置即可。