<div class="sticky-container"> <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> </div> <td> <input type="file" onchange="previewImage(this)" onclick="selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> <td> let selectedCell; function selectCell(cell) { selectedCell = cell; } function deleteImageInSelectedCell() { if (selectedCell) { const imageContainer = selectedCell.querySelector('.image-container'); if (imageContainer) { imageContainer.innerHTML = ''; } } }修改后我选中已经添加图片的单元格后,图片并没有被删除
时间: 2023-10-09 17:08:20 浏览: 341
看起来你的代码有一些问题。在修改后的代码中,你将 `<div class="sticky-container">` 放在了 `<div class="button-container">` 的外面,这可能导致样式和布局上的问题。此外,在 `<td>` 标签之间添加了多余的空格。
以下是修正后的代码示例:
```html
<div class="sticky-container">
<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>
</div>
<td>
<input type="file" onchange="previewImage(this); selectCell(this);" onclick="showPopup(this.src);" style="width: 100px; height: auto;">
</td>
```
请确保你的代码结构正确,并且 `selectCell(cell)` 和 `deleteImageInSelectedCell()` 函数能够正确地选中单元格并删除图片。
如果问题仍然存在,请提供更多关于你的代码和问题的细节,我会尽力帮助你解决。
阅读全文