用JS封装的通用addClass方法(函数)和removeClass方法(函数)
2017-03-20 10:15
627 查看
/* * 函数名:添加class。 * 参数说明:element(必选) 指的是需要添加class的元素(对象); new_name(必选) 指的是需要添加的class名。 * 返回值说明:形参为空则返回false;添加新的class名成功后则返回true。 * 函数作用:为指定的元素添加指定的class名。 */ function addClass(element, new_name) { if (!element || !new_name) return false; if (element.className) { var old_class_name = element.className; element.className = old_class_name + " " + new_name; } else{ element.className = new_name; } return true; } /**************************************我是分割线**************************************/ /* * 函数名:移除class。 * 参数说明:element(必选) 指的是需要移除class的元素(对象); class_name(必选) 指的是需要移除的class名。 * 返回值说明:形参为空则返回false;指定元素的类名为空则返回false;移除指定的class名成功后则返回true。 * 函数作用:为指定的元素移除指定的class名。 */ function removeClass(element, class_name) { if(!element || !class_name) return false; if (!element.className) return false; var all_names = element.className.split(" "); for (var i = 0; i < all_names.length; i++) { if (all_names[i] === class_name) { all_names.splice(i, 1); element.className = ""; for (var j = 0; j < all_names.length; j++) { element.className += " "; element.className += all_names[j]; } return true; } } }
相关文章推荐
- 原生js封装函数,addClass removeClass,常用tag切换
- js封装getByClass (JS获取class的方法封装为一个函数)的API
- 封装getByClass(JS获取class的方法封装为一个函数)
- 封装getByClass(JS获取class的方法封装为一个函数)
- 封装getByClass(JS获取class的方法封装为一个函数)
- 封装getByClass(JS获取class的方法封装为一个函数)
- 详解js中class的多种函数封装方法
- 原生js实现addClass,removeClass,hasClass方法
- 原生JS实现hasClass,addClass,removeClass
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- JS常用的自定义函数addClass() insertAfter() addLoadEvent(func)
- 原生js 实现addclass和removeclass
- Node.js中对通用模块的封装方法
- 详解js中class的多种函数封装方法
- js实现类似于add(1)(2)(3)调用方式的通用方法
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- jquery 的addClass方法函数使用
- Node.js中对通用模块的封装方法
- 【JS--基础--函数】--函数的通用方法-call()和apply()
- js实现addClass,removeClass,hasClass的函数代码