如何使用 JavaScript 動態修改和刪除 CSS 類別定義？

動態修改和刪除CSS 類別定義

在運行時添加CSS 類別是一種已知的JavaScript 操作，但將其功能擴展到修改或刪除現有的類別定義可能看起來令人畏懼。本文透過探索以程式設計方式實現這些操作的方法來解決這項挑戰。

更改CSS 類別定義

要編輯CSS 類別定義，請依照下列步驟操作：

1. 使用document.styleSheets 存取🎜>
2. 使用document.styleSheets 存取🎜>
3. 使用document.styleSheets 存取🎜>

使用document.styleSheets 存取資料的樣式表。

循環透過每個樣式表的 cssRules 屬性找到您要修改的規則。

找到規則後，使用 setProperty 更新其樣式屬性。

例如修改.menu 類別的字體大小：

1. 刪除 CSS 類別定義
2. 要刪除 CSS 類別定義

要刪除 CSS類別定義，請依照以下步驟操作：依照上一節所述找到樣式表和規則。 刪除使用deleteRule從cssRules集合中刪除規則。 例如，刪除.menu 類別定義：

以上是如何使用 JavaScript 動態修改和刪除 CSS 類別定義？的詳細內容。更多資訊請關注PHP中文網其他相關文章！