<td> <input type="file" onchange="previewImage(this)" onclick="showPopup(this.src)"style="width: 100px; height: auto;" > </td> var table = document.getElementById("myTable"); var imageColumnIndex = 8; // 指定要添加图片按钮的列索引 function addRow() { var newRow = table.insertRow(); var cellsCount = table.rows[0].cells.length; for (var i = 0; i < cellsCount; i++) { var newCell = newRow.insertCell(); newCell.contentEditable = true; newCell.innerHTML = "新单元格"; if (i === imageColumnIndex) { var newButton = document.createElement("button"); var newInput = document.createElement("input"); newInput.type = "file"; newInput.onchange = function() { previewImage(this); }; newInput.onclick = function() { showPopup(this.src); }; newCell.appendChild(newButton); newCell.appendChild(newInput); } } }我需要在新添加行时指定的多列都具有添加图片的功能
时间: 2024-04-10 15:26:54 浏览: 160
您可以在添加新行时,为每个指定的列创建一个包含添加图片功能的按钮和输入框。以下是一个示例代码:
```javascript
var table = document.getElementById("myTable");
var imageColumnIndexes = [2, 4, 6]; // 指定要添加图片按钮的列索引
function addRow() {
var newRow = table.insertRow();
var cellsCount = table.rows[0].cells.length;
for (var i = 0; i < cellsCount; i++) {
var newCell = newRow.insertCell();
newCell.contentEditable = true;
newCell.innerHTML = "新单元格";
if (imageColumnIndexes.includes(i)) {
var newButton = document.createElement("button");
var newInput = document.createElement("input");
newInput.type = "file";
newInput.onchange = function() {
previewImage(this);
};
newInput.onclick = function() {
showPopup(this.src);
};
newCell.appendChild(newButton);
newCell.appendChild(newInput);
}
}
}
```
上述代码将为`imageColumnIndexes`数组中指定的列索引创建添加图片的按钮和输入框。您可以根据需要修改`imageColumnIndexes`数组,以包含您要具有添加图片功能的列索引。请确保将`addRow`函数与适当的事件关联,以在需要时调用它。
阅读全文