獲取css的屬性對應的值 適用各種瀏覽器

2021-07-05 18:43:20 字數 577 閱讀 6645

ie7及以下出錯因為不支援queryselector;

ff,chrome返回顏色值rgb,ie返回white和16進製制值

//getcomputedstyle是乙個可以獲取當前元素所有最終使用的css屬性值。返回的是乙個css樣式宣告物件([object cssstyledeclaration]),唯讀。

// element.currentstyle返回的是元素當前應用的最終css屬性值,僅ie,但此方法無法獲取偽類

// getcomputedstyle方法ie6~8是不支援的 ,若ie8 以下則currentstyle 否則getcomputedstyle

function

getcssstylevalue

(elem,pseudo,attr) else

if (cssstyle.getattribute)

}console.log(getcssstylevalue(odiv,null,"color"));

console.log(getcssstylevalue(odiv,":after","color")); //未試過

JS獲取CSS屬性值

obj.style方法,這個方法只能js只能獲取寫在html標籤中的寫在style屬性中的值 style 看一下 code x m,m0 u7 l i8 y0 j 3 n l n f y r c.q i z o 5 q u g p8 i js獲取css屬性值 u8 w o5 t z a c3 k i...

獲取元素CSS屬性值

domobj.style attr 只能獲取行內樣式,在現代瀏覽器中,有domobj.getcomputedstyle 方法可以獲得瀏覽器渲染計算後的屬性值。以下就不同瀏覽器中進行獲取 css 樣式進行封裝。需要規避復合值的問題 margin padding 把帶獲取到帶單位的把單位去掉 px em...

js獲取css屬性值的方法

obj.style 它只能夠獲取通過style設定的元素css屬性值 無法獲取定義在裡面的屬性,這時getcomputedstyle 就可以發揮作用了 它可以獲取到指定元素對應css屬性的最終計算值。doctype html en utf 8 viewport content width devic...