Javascript 删除后更改单元格id内文本框的id无效

我有一个使用Javascript的表，我正在使用delete函数删除行

删除后，我将尝试重新索引表单元格ID

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;
          }
}

包含输入框，如下所示

<td><input type="text" title="notes"></td>
<td><input type="text" title="amount"></td>

如何更改

或单元格中文本框的id？

我在这里创建了一个JSFIDLE

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

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;
    }
}

功能测试（）{
var table=document.getElementById（“ordertable”）；
var rowcountAfterDelete=table.rows.length；
对于（变量i=0；i

表格。行[i]。单元格[1]

包含一个文本框。我想更改该

中输入框的id。更新了问题请检查buddy我更新了JSFIDLE和我的答案，但我仍然不确定这是你问的问题，这是我要找的！！

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;
    }
}