js自定义removeClass,addClass,toggleClass函数
发布时间：01/15 来源： 浏览：
关键词：
下面我们来看一篇关于 js自定义removeClass,addClass,toggleClass函数的教程，希望这一篇文章能够给各位带来帮助。
1、addClass：为指定的dom元素添加样式。
2、removeClass：删除指定dom元素的样式。
3、toggleClass：如果存在(不存在)，就删除(添加)一个样式。
4、hasClass：判断样式是否存在
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj, cls) {
if (!this.hasClass(obj, cls)) {
obj.className += " " + cls;
}
}
function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
}
function toggleClass(obj,cls){
if(hasClass(obj,cls)){
removeClass(obj, cls);
} else {
addClass(obj, cls);
}
}
