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) } }
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com