1. 程式人生 > >js學習總結----設置元素的樣式值setcss

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

默認 div function ret ttr lte fun wid ott

在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