原生JS添加删除Class
2017-06-05 21:49
651 查看
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);
}
}
function toggleClassTest(){
var obj = document. getElementById(‘test’);
toggleClass(obj,”testClass”);
}
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);
}
}
function toggleClassTest(){
var obj = document. getElementById(‘test’);
toggleClass(obj,”testClass”);
}
相关文章推荐
- 原生JS 添加或者删除某个class
- 原生js封装添加class,删除class的实例
- 原生js实现查找/添加/删除/指定元素的class
- 原生JS添加Class/删除Class/判断Class
- 查看是否存在某个class类名 原生JS添加类名 删除类名
- 原生js添加、删除元素的class
- 原生js实现class的添加和删除
- 原生js封装添加class,删除class
- 原生js 查找 添加 删除 指定元素的class
- 原生js添加删除class
- 超有用!原生JS实现增加删除class(addClass,removeClass,toggleClass)
- 原生JS添加类名 删除类名
- 原生js事件的添加和删除的封装
- js实现class样式的修改、添加及删除的方法
- JS整理,getCookie, getElementsByClassName , 添加删除事件
- JS整理,getCookie, getElementsByClassName , 添加删除事件
- 原生JS添加类名 删除类名 检查是否含有某个CSS类名
- js 添加删除替换class 类
- 原生js获取元素的class属性(获取class的所有元素)以及改变或添加calssName