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

234 阅读 0 评论 155 点赞

我是靠谱客的博主知性手链，这篇文章主要介绍原生js实现class的添加和删除简单代码，现在分享给大家，希望可以做个参考。

实例代码：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
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的添加和删除简单代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。