js 修改css檔案

在做自動換膚設定時，無意中看到了js修改css的方法，感覺挺有用的，特來學習分享一下。好了，下面開始學習：

js的 document.stylesheets 獲取到的是引入的css的物件陣列。如：

其中  cssstylesheet展開如下：

] 即可得到你所應用的第乙個css

rules 和 cssrules 的計數方法是不一樣的！rules 是第幾個選擇器；cssrules 是第幾條規則

document.stylesheets[

0].cssrules即可得到所有css檔案行

document.stylesheets[

0].cssrules[0

] css第一條

document.stylesheets[

0].cssrules[0].style.background="

red"

//修改第一條的背景顏色為紅色

例項：修改標題1的字型顏色為紅色

引入的css:

.wode

.article
h1,h2,h3

內容內容

內容

修改後：

js 修改css檔案

document.stylesheets 0 即可得到你所應用的第乙個css rules 和 cssrules 的計數方法是不一樣的！rules 是第幾個選擇器 cssrules 是第幾條規則 document.stylesheets 0 cssrules即可得到所有css檔案行 document....

JS修改css樣式

通過js修改css樣式 語法 元素.style.樣式名 樣式值 注意，如果在css中的樣式名中含有 這種名稱在js中是不合法的，比如background color 需要將這總命名改為駝峰命名法 backgroundcolor 我們通過style設定的都是內聯樣式，而內聯樣式優先順序比較高，所以通過...

新增css和js檔案

需要注意的是，你可以通過umbraco後台的ui來建立樣式檔案，建立路徑是settings stylesheets create,不過站長覺得手動去建立css檔案更簡單直接。接下來就是js檔案，拷貝初始化包裡的modernizr 2.0.6.min.js檔案到站點的scripts資料夾中，相應的你也...