封装函数--->切换,添加,删除class

故事扮演 提交于 2020-01-23 05:07:39
        var obj={};
        obj.className='a b c d active';     //切换class
        function toggle(obj,className) {
            var str=obj.className;
            var arr=str.split(" ");
            var onOff=true;
            for (var i = 0; i < arr.length; i++) {
                if(arr[i]===className){
                    onOff=false;
                    arr.splice(i,1);
                    i--;
                }
            }
            if (onOff) {
                arr.push(className);
            }
            obj.className=arr.join(" ");
            return obj;
        }
      //添加class
        function addClass(obj,className) {
            var str=obj.className;
            var arr=str.split(" ");
            for (var i = 0; i < arr.length; i++) {
                if(arr[i]===className){
                    return obj;
                }
            }
            arr.push(className);
            obj.className=arr.join(" ");
            return obj;
        }
     //删除class 
        function removeClass(obj,className) {
            var str=obj.className;
            var arr=str.split(" ");
            for (var i = 0; i < arr.length; i++) {
                if(arr[i]===className){
                    arr.splice(i,1);
                    i--;
                }
            }
            obj.className=arr.join(" ");
            return obj;
        }

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!