js學習總結----設置元素的樣式值setcss

在JS給元素設置樣式屬性值，我們只能通過curEle.style[attr] = value 這種方式給元素設置行內樣式

下麵封裝一個給當前元素的某一個樣式屬性設置值的方法（增加在行內樣式上的）：setCss()

function setCss(curEle,attr,value){
            //在JS中設置float樣式值也需要處理相容
            if(attr==="float"){
                curEle["style"]["cssFloat"] = value;
                curEle["style"]["styleFloat"] = value;
                return;
            }
            //如果打算設置的是元素的透明度，我們需要設置兩套樣式來相容所有的瀏覽器
            if(attr === "opacity"){
                curEle["style"]["opacity"] = value;
                curEle["style"]["filter"] = "alpha(opacity="+value*100+")";
                return;
            }
            var reg = null;
            //對於某些樣式屬性，如果傳遞進來的值沒有加單位，我們需要把單位預設的補充上，這樣的話，這個方法就會人性化一些
            reg = /^(width|height|top|bottom|left|right|((margin|padding)(Top|Bottom|Left|Right)?))$/;
            if(reg.test(attr)){
                if(!isNaN(value)){//判斷傳遞進來的值是否是一個有效數字，如果是有效數字的話，證明當前傳遞進來的值沒有加單位，我們給補充單位
                    value += "px";
                }
            }
            curEle["style"][attr] = value;
        }