首頁 >web前端 >css教學 >如何在 JavaScript 中動態修改或刪除 CSS 類別定義?

如何在 JavaScript 中動態修改或刪除 CSS 類別定義?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-15 09:52:11412瀏覽

How Can I Dynamically Modify or Remove CSS Class Definitions in JavaScript?

如何動態修改或刪除CSS 類別定義

雖然使用JavaScript 在運行時添加新的CSS 類別定義是可行的,但可以定義更改或消除現有的也很重要。

更改CSS 類別屬性

要修改.menu 類別的字體大小規則,使其影響頁面上使用它的任何元素,您可以使用以下步驟:

  1. 使用document.styleSheets 擷取樣式表數組。
  2. 對於每個樣式表,迭代 cssRules array。
  3. 使用selectorText屬性找到.menu類別對應的規則。
  4. 使用style.setProperty('font-size','10px',null)方法更新規則的 font-size 性質。

刪除CSS 類別定義

要刪除.menu 類別定義,請執行下列步驟:

  1. 重複上一節中的步驟1 和2。
  2. 找到使用selectorText屬性對應於.menu類別的規則。
  3. 使用deleteRule()從樣式表中刪除規則的方法,例如stylesheet.deleteRule(index),其中index是規則在cssRules數組中的索引。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn