js实现类的添加删除以及如果有就删除,如果没有就添加的功能
类的添加:
function addClass(obj,name){
if(!hasClass(obj,name)){
obj.className += " "+name;
}
}
检测是否拥有该类:
function hasClass(obj,name){
var reg = new RegExp("\\b"+name+"\\b");//正则表达式,查看当前元素是否有该类了,\b代表单词的开头和结尾
if(reg.test(obj.className)){
return true;
}else{
return false;
}
}
移除指定类:
function removeClass(obj,name){
var reg = new RegExp("\\b"+name+"\\b");
obj.className = obj.className.replace(reg,"");
}
实现类的隐藏或显示:
function toggleClass(obj,name){
if(hasClass(obj,name)){
removeClass(obj,name);
}else{
addClass(obj,name);
}
}