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

標籤：class   str   pad   alpha   opacity   學習   透明   set   top   

在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;        }

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