for (var i = 0; i < cellsCount; i++) { var newCell = newRow.insertCell(); newCell.contentEditable = true; var previousCell = previousRow.cells[i]; // 获取上一行对应列的单元格 var previousInput = previousCell.querySelector('input[type="text"]'); if (previousInput) { var newTextArea = document.createElement("textarea"); newTextArea.name = previousInput.name; newCell.appendChild(newTextArea); } else if (previousCell.querySelector('input[type="file"]')) { var newImageInput = document.createElement("input"); newImageInput.type = "file"; newImageInput.name = previousCell.querySelector('input[type="file"]').name; // 继承上一行对应列的文件输入框属性 newImageInput.onchange = function () { previewImage(this); }; newImageInput.onclick = function () { showPopup(this.src); }; newCell.appendChild(newImageInput); } else { var newTextArea = document.createElement("textarea"); newTextArea.name = "yourTextareaName"; // 替换为你的文本框名称 newCell.appendChild(newTextArea); }这是我新增按钮行按钮的代码,<td class="auto-wrap"><textarea name="aoi_step">3</textarea></td> <td class="auto-wrap"><textarea name="defect_type">Particle</textarea></td> <td class="auto-wrap"><textarea name="layer_code">ACT</textarea></td> <td class="auto-wrap"><textarea name="type">Particle</textarea></td> <td class="auto-wrap"><textarea name="dpet">ACT</textarea></td> <td class="auto-wrap"><textarea name="subcode">Particle</textarea></td> <td class="auto-wrap"><textarea name="code_description">ACT</textarea></td> <td><input type="file" name="image1_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"></td> <td> <input type="file" name="image2_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image3_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image4_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td> <input type="file" name="image5_path" onchange="previewImage(this);selectCell(this)" onclick="showPopup(this.src)" style="width: 100px; height: auto;"> </td> <td class="auto-wrap"><input type="text" name="determination_rule" value="ACT"></td> 这是我的表格,在我新增单元格时,是要将对应列的类名添加到新增的单元格,并使文本框不可拖动改变大小
时间: 2023-10-10 22:05:22 浏览: 46
您可以使用以下代码将对应列的类名添加到新增的单元格,并使文本框不可拖动改变大小:
```javascript
for (var i = 0; i < cellsCount; i++) {
var newCell = newRow.insertCell();
newCell.contentEditable = true;
var previousCell = previousRow.cells[i]; // 获取上一行对应列的单元格
var previousInput = previousCell.querySelector('input[type="text"]');
var previousTextArea = previousCell.querySelector('textarea');
if (previousInput) {
var newTextArea = document.createElement("textarea");
newTextArea.name = previousInput.name;
newTextArea.classList.add(previousInput.classList);
newTextArea.style.resize = "none";
newCell.appendChild(newTextArea);
} else if (previousTextArea) {
var newTextArea = document.createElement("textarea");
newTextArea.name = previousTextArea.name;
newTextArea.classList.add(previousTextArea.classList);
newTextArea.style.resize = "none";
newCell.appendChild(newTextArea);
} else if (previousCell.querySelector('input[type="file"]')) {
var newImageInput = document.createElement("input");
newImageInput.type = "file";
newImageInput.name = previousCell.querySelector('input[type="file"]').name; // 继承上一行对应列的文件输入框属性
newImageInput.onchange = function () {
previewImage(this);
};
newImageInput.onclick = function () {
showPopup(this.src);
};
newCell.appendChild(newImageInput);
} else {
var newTextArea = document.createElement("textarea");
newTextArea.name = "yourTextareaName"; // 替换为你的文本框名称
newCell.appendChild(newTextArea);
}
}
```
这样,新增的单元格会继承上一行对应列的类名,并且文本框不可拖动改变大小。请注意,我对代码进行了修改以实现您的需求,但我无法确保它完全符合您的代码结构和逻辑。您可能需要根据自己的具体情况进行调整和修改。