<td class="auto-wrap"><input type="text" name="aoi_step" value="ACT"></td> <td class="auto-wrap"><input type="text" name="defect_type" value="ACT"></td> <td class="auto-wrap"><input type="text" name="layer_code" value="ACT"></td> <td class="auto-wrap"><input type="text" name="type" value="ACT"></td> <td class="auto-wrap"><input type="text" name="dpet" value="ACT"></td> <td class="auto-wrap"><input type="text" name="subcode" value="ACT"></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"><textarea name="determination_rule">ACT</textarea></td>这是我原始的列属性命名,怎么修改
时间: 2023-08-06 14:04:48 浏览: 93
要根据您提供的原始列属性命名修改代码,您可以按照以下方式进行修改:
```javascript
function insertInputElements() {
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
for (var i = 1; i < rows.length; i++) { // 从第二行开始,跳过表头
var cells = rows[i].getElementsByTagName("td");
for (var j = 0; j < cells.length; j++) {
var previousCell = cells[j - 1];
var previousInput = previousCell.querySelector("input[type='text']");
var previousTextArea = previousCell.querySelector("textarea");
var newCell = cells[j];
var newInput;
if (j < 6) { // 插入文本框
newInput = document.createElement("input");
newInput.type = "text";
newInput.name = newCell.querySelector("input[type='text']").name;
newInput.value = newCell.querySelector("input[type='text']").value;
} else if (j === 6) { // 插入文本域
newInput = document.createElement("textarea");
newInput.name = newCell.querySelector("textarea").name;
newInput.value = newCell.querySelector("textarea").value;
} else if (j >= 7 && j <= 11) { // 插入文件选择器
newInput = document.createElement("input");
newInput.type = "file";
newInput.name = newCell.querySelector("input[type='file']").name;
newInput.onchange = function () {
previewImage(this);
};
newInput.onclick = function () {
showPopup(this.src);
};
} else {
continue; // 跳过其他列的处理
}
newCell.innerHTML = "";
newCell.appendChild(newInput);
newCell.style.width = getComputedStyle(previousCell).width;
}
}
}
```
在上述代码中,我们根据原始的列属性命名来获取对应的输入元素的名称和值,并将其设置到新创建的输入元素中。请注意,这里假设您的原始表格结构与您提供的代码一致。
希望这次能满足您的需求。如果您还有其他问题,请随时提问。
阅读全文