是否可以在JavaScript中使用自定義CSS屬性？

Question

我想知道是否可以訪問放置在樣式表中的自定義規則。 例如，取：

p {
  line-height: 2em;
  -js-min-line-height: 1.4em;
}

我嘗試遍歷樣式表對象並獲取CSS文本，但是瀏覽器（可能應該這樣做）不會返回無法識別的屬性的文本：

for styleSheet in document.styleSheets
  for rule in styleSheet.cssRules
    console.log rule.cssText

只需返回：

p { line-height: 1.4; }

Answer 1

這取決於CSS的派生方式。 它所依賴的是它是鏈接，組成還是硬編碼的。 如果是硬編碼，則只需在樣式元素上放置一個id，然后使用document.getElementById("styleId").innerHTML即可獲取文本，然后通過以半冒號分隔字符串來對其進行解析。 如果它是由javascript組成的，那么只需在其中添加一些額外的內容來保留樣式應該很容易。 如果它是鏈接的（這是最有可能也是最難處理的情況），那么我建議使用$.AJAX()將CSS加載到javascript中，閱讀文本並解析為所需內容，然后使用document.getElementsByName("head")[0].appendChild(varHoldingCss)將樣式添加到頁面。