Question

我有使用Javascript的表，我正在使用删除功能删除行

删除后我试图重新索引表格单元格ID

cma=1024M

但以下几行不起作用：

function updateRowCount(){
         var table = document.getElementById("ordertable");
         var rowcountAfterDelete = document.getElementById("ordertable").rows.length;  
         for(var i=1;i<rowcountAfterDelete;i++){ 
              table.rows[i].id="row_"+i;
              table.rows[i].cells[0].innerHTML=i+"<input type='checkbox' id='chk_" + i + "'>";
              table.rows[i].cells[1].id="notes_"+i;
                table.rows[i].cells[2].id="amount"+i;
          }
}

table.rows[i].cells[1].id="notes_"+i; table.rows[i].cells[2].id="amount"+i;包含输入框，就像这样

<td>

如何更改<td><input type="text" title="notes"></td> <td><input type="text" title="amount"></td>或单元格内的文本框的ID？

Answer 1

我在这里制作了一个jsfiddle https://jsfiddle.net/an87ka5p/

我更新了这个以回答评论中的问题

function test() {
    var table = document.getElementById("ordertable");
    var rowcountAfterDelete = table.rows.length;
    for (var i = 0; i < rowcountAfterDelete; i++) {
        table.rows[i].id = "row_" + i;
        table.rows[i].cells[0].innerHTML = i + "<input type='checkbox' id='chk_" + i + "'>";
        table.rows[i].cells[1].getElementsByTagName("input")[0].id = "notes_" + i;
        table.rows[i].cells[2].getElementsByTagName("input")[0].id = "amount_" + i;
    }
}

删除后更改单元格id内的文本框的ID不起作用

1 个答案: