原生js实现class的添加和删除简单代码

(编辑：jimmy 日期: 2026/2/28 浏览：3 次 )

实例代码：

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|$)" ), " " );
  }; 
};

以上这篇原生js实现class的添加和删除简单代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

上一篇：JavaScript中的事件委托及好处
下一篇：JavaScript动态添加事件之事件委托