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) } }
以上就是js批量设置元素样式和封装似于jquery的css方法教程的详细内容。