js学习总结----批量设置元素样式及封装类似于jquery的css方法

1、批量设置样式setGroupCss

function setGroupCss(curEle,options){
            //通过检测options的数据类型，如果不是一个对象，则不能进行批量操作
            if(Object.prototype.toString.call(options)!=="[object Object]"){
                return;
            }
            //遍历对象中的每一项，调取setCss方法一个个进行设置即可
            for(var key in options){
                if(options.hasOwnProperty(key)){
                    setCss(curEle,key,options[key])
                }        
            }
        }

2、封装css方法

//此方法实现了获取、单独设置、批量设置元素的样式值
        function css(curEle){
            var argTwo = arguments[1];
            if(typeof argTwo === "string"){//传递第二个参数是一个字符串，这样的话可能就是获取样式;为什么是可能呢？因为还需要判断是否存在第三个参数，如果第三个参数存在的话，不是获取了，而是在单独的设置样式属性值
                var argThree = arguments[2];
                if(typeof argThree === "undefined"){//第三个参数不存在
                    // return getCss(curEle,argTwo);
                    return getCss.apply(this,arguments)
                }
                //第三个参数存在则为单独设置
                // setCss(curEle,argTwo,argThree)
                setCss.apply(this,arguments)
                return;
            }
            argTwo = argTwo || 0;//这行是为了 防止argTwo不存在为undefined的时候，下面的toString会报错
            if(argTwo.toString()==="[object Object]"){
                //批量设置样式属性值
                setGroupCss.apply(this,arguments)
            }
        }

 

转载于:https://www.cnblogs.com/diasa-fly/p/7154176.html