Javascript /原型：獲取css值，而不引用DOM元素？

Question

是否可以通過CSS文件中定義的類名稱（例如類的寬度）檢索樣式屬性，而無需從DOM中的實際元素中獲取樣式屬性？

Answer 1

這的確是可能的，但更爲複雜。
您可以使用document.styleSheets屬性訪問樣式表。

在你要訪問包含在樣式表中的所有CSS規則的cssRules屬性中的每個樣式，所以要獲得DOM中第一個樣式表的第一條規則，你可以做

document.styleSheets[0].cssRules[0]; 

要找到某個元素，你必須解析樣式表，這是它獲得的複雜在某些情況下，如款式都繼承等，但如果尋找某一選擇和一定的風格：

var rules = document.styleSheets[0].cssRules, 
    theRule = null; 

for (var i=0; i<rules.length; i++) { 
    if (rules[i].selectorText.toLowerCase() == '#myelement') { 
     var width = rules[i].style.width; 
     break; 
    } 
} 

Answer 2

是的。檢查出document.styleSheets屬性。

https://developer.mozilla.org/en-US/docs/Web/API/document.styleSheets

http://www.quirksmode.org/dom/tests/stylesheets.html