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

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

 

你可能感兴趣的:(JavaScript)