JS原生增删,判断class是否存在方法

Posted 成忠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS原生增删,判断class是否存在方法相关的知识,希望对你有一定的参考价值。

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

    function addClass(obj, cls) {
        if (!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 removeAllClass(obj) {
        obj.className = ‘‘;
    }

 

以上是关于JS原生增删,判断class是否存在方法的主要内容,如果未能解决你的问题,请参考以下文章

原生JS操作class 极致版

原生JS操作class 极致版

原生js实现增加(addclass),删除(removeclass),判断是否存在(hasclass),如果存在删除,如果不存在添加(toggleclass)和获取类名(getbyclass)的方法(

原生js实现删除class和添加class

常用的工具方法的封装

js增删class的方法