仅使用 Javascript 更正删除后行的序号

Question

我有两个函数可以使用 Javascript 在 table 中添加和删除行：

function addRow() {
    //document.getElementById("div_dea").style.display = "none";
    document.getElementById("div_orderlist").style.display = "block";

            var table = document.getElementById("ordertable");  
            var rowcount = document.getElementById("ordertable").rows.length;       
            var row = table.insertRow(rowcount);        
            row.id="row_"+rowcount; 
            var cell1 = row.insertCell(0);
            var cell2 = row.insertCell(1);
            var cell3 = row.insertCell(2);


            // Add some text to the new cells:
            var sel =  document.getElementById("select_product_name");
            var optiontext = sel.options[sel.selectedIndex].text;
            cell1.innerHTML = rowcount;
            cell2.innerHTML = optiontext;
            cell3.innerHTML = "abc";   
}

删除行如下：

function deleteRow(){
var table = document.getElementById("ordertable");
var rowcount = document.getElementById("ordertable").rows.length;   

alert("first"+rowcount);

for(var i=1;i<rowcount;i++){    
     row = table.rows[i];     
      if(document.getElementById(row.id).style.backgroundColor =="red"){          
          table.deleteRow(row.rowIndex);
      }

   }


    alert("second"+rowcount);

}

虽然 addRow() 我将序列号添加为：cell1.innerHTML = rowcount; 删除后需要更正序列号：

行被删除但是 alert("second"+rowcount); 甚至无法删除。删除后如何修改行序号

注意：仅使用 JavaScript

Answer 1

使用此代码

    function updateRowCount(){
         var table = document.getElementById("ordertable");
         var rowcountAfterDelete = document.getElementById("ordertable").rows.length;  
         for(var i=1;i<rowcountAfterDelete;i++){    
              table.rows[i].cells[0].innerHTML=i;
          }}

仅使用 Javascript 更正删除后行的序号

Correct the serial numbers of the row after deletion using Javascript only

javascript

row