<td> <input type="file" onchange="previewImage(this)" onclick="selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </div> <div class="button-container"> <button class="button" onclick="addRow()">新增一行</button> <button class="button" onclick="deleteRow()">删除行</button> <button class="button" onclick="navigateToUserManagement()">用户管理</button> <button class="button" onclick="exportToExcel()">导出</button> <button onclick="submitData(this)">提交</button> <button onclick="deleteImageInSelectedCell()">删除图片</button> </div> let selectedCell; function selectCell(cell) { selectedCell = cell; } function deleteImageInSelectedCell() { if (selectedCell) { const imageContainer = selectedCell.querySelector('.image-container'); if (imageContainer) { imageContainer.innerHTML = ''; } } } 在上面代码中我添加图片后，选中单元格后我点击删除图片的按钮时，图片并没有没删除

根据你提供的代码，我注意到在删除图片时，你使用了 `selectedCell` 变量来存储选中的单元格，并通过 `deleteImageInSelectedCell()` 函数来删除该单元格中的图片。然而，根据你所描述的情况，点击删除图片按钮后，图片并没有被删除。

经过检查，发现了一个可能导致问题的原因：在你的 HTML 代码中，`<div class="image-container">` 的闭合标签 `</div>` 多余，而且在图片显示的 `<img>` 标签之后。这可能导致 JavaScript 在查找 `.image-container` 元素时出错，从而导致无法正确删除图片。

为了解决这个问题，请将 HTML 代码中的 `<div class="image-container">` 的闭合标签 `</div>` 移动到正确的位置。以下是修正后的代码示例：

<td>
  <input type="file" onchange="previewImage(this)"
  onclick="selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;">
  <div class="image-container">
    <img src="path/to/image.jpg" alt="Image">
  </div>
  <div class="button-container">
    <button class="button" onclick="addRow()">新增一行</button>
    <button class="button" onclick="deleteRow()">删除行</button>
    <button class="button" onclick="navigateToUserManagement()">用户管理</button>
    <button class="button" onclick="exportToExcel()">导出</button>
    <button onclick="submitData(this)">提交</button>
    <button onclick="deleteImageInSelectedCell()">删除图片</button>
  </div>
</td>

请注意，修正后的代码将 `<div class="image-container">` 的闭合标签放在了正确的位置，确保它包裹了要显示的图片。

希望这次能够解决你的问题！如果还有其他疑问，请随时提问。