原生js獲取css屬性值

2021-09-29 07:31:19 字數 548 閱讀 7258

使用方法:obj.style.left
這個方法js只能獲取在html標籤中的寫在style屬性中的值(style="…")即行內樣式,而無法獲取定義在樣式表裡面的屬性。

使用方法:window.getcomputedstyle(obj,false).getpropertyvalue("background-color");
ie中使用的是obj.currentstyle方法,而ff是用的是getcomputedstyle 方法。

這個方法接受兩個引數:要取得計算樣式的元素和乙個偽元素字串(例如「:after」)。

如果不需要偽元素資訊,第二個引數可以是false。

使用方法:obj.offsetleft
能單純的獲取數值的大小

注:只能獲取上下左右邊距和寬高width,首字母需大寫,此屬性是唯讀的,不能夠賦值。

ps:通過js的obj.style方法改寫的只是行內樣式,有時會和css樣式表裡的產生bug衝突,所以推薦用js更改類名的方法或②方法

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...

原生JS中如何獲取CSS屬性中的值

css檔案中如何得到某個屬性值 一 getcomputedstyle是乙個可以獲取當前元素所有最終使用的css屬性值,返回的是乙個css樣式宣告物件 唯讀,此方法支援firefox瀏覽器 語法 var style window.getcomputedstyle 元素 偽類 第乙個引數是必須的,第二個...

js獲取css屬性值的方法

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