如何在按钮单击时获取动态表格单元格的值

在按钮单击时获取动态表格单元格的值，可以通过以下步骤实现：

首先，确保你已经在前端页面中创建了一个包含动态表格的HTML结构，并给每个单元格添加了相应的标识或类名，以便后续获取值时能够准确定位到目标单元格。
在前端的JavaScript代码中，通过事件监听的方式，为按钮的点击事件绑定一个回调函数。
在回调函数中，通过DOM操作获取到动态表格的引用或选择器，并使用相关方法（如querySelector、getElementById等）获取到目标单元格的引用或选择器。
通过获取到的单元格引用或选择器，可以使用相应的属性或方法来获取单元格的值。例如，可以使用innerText属性获取文本内容，或使用value属性获取输入框的值。
最后，你可以根据获取到的值进行后续的处理，例如发送到后端进行保存、展示在页面上等。

以下是一个示例代码：

HTML结构：

<table id="dynamicTable">
  <tr>
    <td class="cell">Value 1</td>
    <td class="cell">Value 2</td>
    <td class="cell">Value 3</td>
  </tr>
</table>

<button id="getValueButton">获取单元格值</button>

JavaScript代码：

// 获取按钮和表格的引用
var button = document.getElementById("getValueButton");
var table = document.getElementById("dynamicTable");

// 为按钮的点击事件绑定回调函数
button.addEventListener("click", function() {
  // 获取单元格的引用或选择器
  var cell = table.querySelector(".cell");
  
  // 获取单元格的值
  var value = cell.innerText;
  
  // 处理获取到的值
  console.log("单元格的值为：" + value);
});

这样，当按钮被点击时，控制台将输出动态表格中第一个单元格的值。你可以根据实际需求修改代码以适应不同的情况。

注意：以上示例代码仅为演示如何获取动态表格单元格的值，实际应用中可能需要根据具体情况进行适当的修改和扩展。