cssRules 與 rules 的使用

2021-08-04 12:28:32 字數 586 閱讀 4058

當html中引用外部css樣式時,就不能通過document.style獲取屬性,而是需要通過document.stylesheets獲取屬性表物件即cssstylesheet物件,再從屬性表物件中獲取屬性與操作方法。

獲取屬性的方法有兩種:

1.cssrules

2.rules

通過列印csstext,可以清晰的知道兩者的不同:

document.stylesheets[0].cssrules[0].csstext;

document.stylesheets[0].rules[0].csstext

看過其他人的部落格是這麼說的:

第乙個觀點:

cssrules的單位是是對整條規則,而rules的單位是乙個選擇器。

但就目前我的測試情況而言,cssrules 與 rules 針對我的第一條資料,即:

html,body

是一樣的結果,可能為瀏覽器目前都同步了對cssrules與rules的選取規則,即都選取第一條資料,而不是第乙個選擇器

第二個觀點:

最好不要直接通過cssrules操作樣式,這個更偏向於底層,一次性大量操作css規則的時候使用。

cssRuels和rules的區別

對於cssrules和rules的區別 在計算cssrules和rules的長度的時候,cssrules的單位是是對整條規則,而rules的單位是乙個選擇器。下面進行 演示 lang en charset utf 8 titletitle first,second third style head ...

vue的rules表單驗證

在前端頁面開發中,經常需要用到表單驗證啊什麼的,現在試試vue提供的表單驗證 有可能是element ui的,我不太清楚 首先,看一下效果 怎麼樣,感覺還可以吧。ok,讓我們看一下實現流程。1.自定義驗證方法 驗證規則需要自己定義,當然,如果預設只需要判空的話,完全不用理會,可以直接上,此處,我是新...

Vue中常用的rules檢驗規則

url校驗 export function validateurl url 1 9 0 9 25 0 5 2 0 4 0 9 1 0 9 1 9 0 9 a za z0 9 a za z0 9 com edu gov int mil net org biz arpa info name pro ae...