如何獲取加載的樣式表的內容

Question

我想從我的頁面頭部鏈接的css文件中獲取樣式表規則（或css textContent）。 document.styleSheets似乎適用於所有主流瀏覽器，但styleSheets[0].cssRules當然在IE <中失敗9。這種解決方案的正確方法是什麼？使用AJAX加載文件？但是，我只限於來自同一個域的樣式。

Answer 1

對於IE，您可以使用styleSheets對象的rules屬性。

所以通用的解決方案可能是：

var list = null; 
with (document.styleSheets[0]) { 
    if (typeof cssRules != "undefined") 
     list = cssRules; 
    else if (typeof rules != "undefined") 
     list = rules; 
} 
console.log(list);​ 

DEMO：http://jsfiddle.net/tqgNb/