添加class 和 删除class

时间:2024-03-13 20:05:46

直接用obj.className = "string"这个函数,可以直接改变对象的样式,但是如果该对象有多个class的时候,那么直接用就不适合了

这样会把所有的class直接等于string,所以现在动手编写一个添加class和删除class的函数

添加class:

    function addClass(obj,sClass){
        var reg = new RegExp("(\\s|^)" + sClass+ "(\\s|$)");
        if(!obj.className.match(reg)){
            obj.className += " " + sClass;
        };
    }

原理是用正则去匹配当前对象的是否然后该class,如果没有的就加上,而不是改变

 

删除class

    function removeClass(obj,sClass){
        var reg = new RegExp("(\\s|^)" + sClass+ "(\\s|$)");
        if(obj.className.match(reg)){ //判断是否有该class
                obj.className = obj.className.replace(reg,"");
        }else{

          return "没有该class!"
      };

    };

原理是用replace这个函数,用空的字符串去替换当前的class

这样可以准确的移除要删除的class,而不会全删除了