JavaScript獲採樣式值的幾種方法學習總結

2021-09-19 10:02:32 字數 678 閱讀 6977

本人經過整理總結出以下獲採樣式值的方法，如有錯誤請各位大佬指正。 有四種方法：style，currentstyle，getcomputedstyle，rules 與 cssrules方法。

用法：document.getelementbyid(「id」).style.property=」值」。 

例子：
總結：style物件只能讀寫內聯樣式的值，不能夠讀寫內部樣式和外部樣式的值。經過測試相容ie8，chrome，firefox瀏覽器。

用法：document.getelementbyid(「id」).currentstyle.property。
用法：window.getcomputedstyle(元素).property
用法：document.stylesheets[0].rules[0]; 

document.stylesheets[0].cssrules[0];
總結：rules和cssrules可以讀寫內部樣式，外部樣式的樣式值。經過測試chrome兩者都相容，firefox相容cssrules對rules不相容，ie8瀏覽器相容rules對cssrules不相容。

精確獲採樣式屬性（第2部分）

繼續上一部分，我們要看一下顏色。火狐好像不管三七二十一都會轉變為rgb格式，不過我們通常比較習慣的是hex格式。這就用到以下兩函式。var rgb2hex function rgb var tohex function x 我們用正規表示式在檢測其是否為rgb格式，是就用rgb2hex來轉換它。但如...

Javascript獲取css渲染樣式值技巧

一直忙沒更新,總結下近期開發中使用的關於提取css渲染樹樣式的方法 提取渲染樣式 ie從domelement.currentstyle物件中提取即時計算的樣式 標準瀏覽器使用window.getcomputedstyle方法獲取 ie下還有個runtimestyle物件,可以應用樣式又不改變dom的...

javaScript 滑鼠樣式

1.2.3.hand 是大家所熟悉的手型。4.crosshair 是十字型，就是小烏龜首頁所用的樣式。5.text 是平時滑鼠移動到文字上的樣式。6.wait 是等待的效果。7.default 是預設的那種效果。8.help 是帶問號的滑鼠樣式。9.e resize 是向右的箭頭。10.ne res...