javascript中的for和while问题

       javascript中有好多令我费解的东西， 一些问题我知道修改的方法，但解释不了原因。 最近又碰到一个。

      一个 “全选——删除”功能， 以下是以下是单击“删除”按钮出触发代码片段：

       var tbody = document.getElementById("mappingTd" );
       var mappingCheck = document.getElementsByName("checkboxInMapping" ); 
     
       var length =  mappingCheck.length;    
       for(i = 0;  <  length; ) { 
        if (mappingCheck.item(i).checked) {
            var str_value =  mappingCheck.item(i).value; 
            var tr =  document.getElementById(str_value );
            tbody.removeChild(tr);
        }
        else  {    
            i++ ;
        }
    }

      这段代码有时候“全选”后并不能删除全部所选信息，几率大概为2/3。修改时我的第一反应就是将for改成while，过去遇到过类似问题，for和while在js中有时候并不互换。以下是修改后的代码：

var tbody = document.getElementById("mappingTd" );
var mappingCheck = document.getElementsByName("checkboxInMapping" ); 
     
var length =  mappingCheck.length;
var i = 0 ;
while(i <  length) { 
    if (mappingCheck.item(i).checked) {
        var str_value =  mappingCheck.item(i).value; 
        var tr =  document.getElementById(str_value);
        tbody.removeChild(tr);
    }    
    else  {
        i++ ;
    }
}

       这次可以完成所需功能，两段代码理应可以互换，不知道为什么会出现这样的问题，我知其然，不知其所以然。