JavaScript 可以動態修改 CSS 規則集嗎？

使用 JavaScript 運算 CSS 規則集

問題：

CSS 規則集是否可以使用 JavaScript動態修改，例如更改網路上具有同一類別的多個元素的樣式

答案：

雖然可以使用JavaScript 進行此類CSS 更改，但該過程涉及一些複雜性。有關這方面的綜合指南可以在文章「Totally Pwn CSS with Javascript」中找到。

要實現上述修改，請依照下列步驟操作：

1. 使用下列指令存取規則集DOM 方法。
2. 依需求修改規則集屬性。
3. 將更新的規則集重新套用到

實作：

Firefox 和IE： 下面的程式碼已經過測試，可以在這些瀏覽器中運行：

// Access the rule-set
var styleSheet = document.styleSheets[0]; // assuming there's only one
var ruleSet = styleSheet.cssRules[0]; // assuming there's only one

// Modify the rule-set
ruleSet.style.color = "red";

// Reapply the updated rule-set
stylesheet.insertRule(ruleSet.cssText, 0);

Chrome： 隨著 Chrome 的更新，支援上述 DOM 方法現已可用。

以上是JavaScript 可以動態修改 CSS 規則集嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！