js实现addClass,removeClass,hasClass的函数代码

更新时间：2011年07月13日 23:50:21 作者：

js实现addClass,removeClass,hasClass的函数代码，需要的朋友可以参考下。

 
function hasClass(ele,cls) { 
return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); 
} 

function addClass(ele,cls) { 
if (!this.hasClass(ele,cls)) ele.className += " "+cls; 
} 

function removeClass(ele,cls) { 
if (hasClass(ele,cls)) { 
var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); 
ele.className=ele.className.replace(reg,' '); 
} 
} 

//call the functions 
addClass(document.getElementById("test"), "test"); 
removeClass(document.getElementById("test"), "test") 
if(hasClass(document.getElementById("test"), "test")){//do something}; 

您可能感兴趣的文章:

原生JS实现日历组件的示例代码
本篇文章主要介绍了原生JS实现日历组件的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
JavaScript Tab菜单实现过程解析
这篇文章主要介绍了JavaScript Tab菜单实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
js实现瀑布流的一种简单方法实例分享
现在说瀑布流式布局似乎有点晚了，但是每一项技术都是向着“精”和“简”的方向在不断发展，在发展到极致之前，需要一个相当漫长的过程，因此，从这个角度来说，当瀑布流被应用得越来越多的时候，反而更应该讨论它，讨论如何将它改善
2013-11-11
js实现快速分享功能(你的文章分享工具)
这是一款简单易用的文章分享工具，您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能，具体的实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-06-06
js实现电梯导航效果的示例代码
这篇文章主要介绍了JavaScript实现电梯导航效果的相关知识,文中通过示例代码介绍的很详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
2023-12-12
JavaScript日期对象(Date)基本用法示例
这篇文章主要介绍了JavaScript日期对象(Date)基本用法,结合实例形式较为详细的分析了JavaScript日期对象(Date)获取日期、时间戳、年月日、星期及日期比对等操作技巧,需要的朋友可以参考下
2017-01-01
XDomainRequest之IE8和IE9发送跨域请求拒绝访问解决方法
这篇文章主要介绍了XDomainRequest之IE8和IE9发送跨域请求拒绝访问解决方法,需要的朋友可以参考下
2023-06-06
JavaScript用20行代码实现虎年春节倒计时
春节将至，相信大家跟小编一样很激动呀。为了迎接虎年春节到来，小编为大家准备了一个虎年春节倒计时，仅20行代码用js就实现啦。感兴趣的可以动手试一试
2022-01-01
JavaScript折半查找（二分查找）算法原理与实现方法示例
这篇文章主要介绍了JavaScript折半查找（二分查找）算法原理与实现方法,结合具体问题描述了折半查找算法的原理、实现方法及相关操作注意事项,需要的朋友可以参考下
2018-08-08
一文搞懂JavaScript中的this绑定规则
这篇文章主要为大家详细介绍了原生JS之this绑定规则，这样大家再也不用担心this指向问题了。文中的示例代码讲解详细，需要的可以参考一下
2022-09-09