判断无序列表里是否包含某个类，并添加和删除类时遇到问题

Question

window.onload = function () {   
 var Ul = document.getElementsByTagName('ul')[1];  
  var oLi =Ul.getElementsByTagName('li');  
  var oLi2 =Ul.getElementsByTagName('li')[2];
   addClass(oLi2,'d');//这个没问题

   for(var i = 0; i <= oLi.length; i++){   
       addClass(oLi[i],'d');
       removeClass(oLi[i],'c');
   } //这一块代码有问题，不知道原因

   function hasClass( elements,cName ){  
       return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") );           
   };  
   function addClass( elements,cName ){  
       if( !hasClass( elements,cName ) ){  
           elements.className += " " + cName;  
       };  
   };  
   function removeClass( elements,cName ){  
       if( hasClass( elements,cName ) ){  
           elements.className = elements.className.replace( new RegExp( "(\\s|^)" + cName + "(\\s|$)" )," " );   
       };  
   };  
}

Answer 1

順序なしリストに特定のクラスが含まれているかどうかを判断し、クラスを追加および削除するときに問題が発生する-PHP 中国語 Q&A-順序なしリストに特定のクラスが含まれているかどうかを判断し、クラスを追加および削除するときに問題が発生する-PHP 中国語オンライン Q&A

見るそれを学んでください。

Answer 2

这个很明显啊

for(var i = 0; i <= oLi.length-1; i++){//注意：length-1   而不是 length
    addClass(oLi[i],'d');
    removeClass(oLi[i],'c');
}

循环的判断条件有问题，你一共有oLi.lenght个元素，从0开始，到oLi.length-1就够了。
这样导致oLi[oLi.length]的值为undefined，后面又读取它的属性，报错