首頁  >  文章  >  web前端  >  如何使用純 JavaScript 從元素中刪除 CSS 類別?

如何使用純 JavaScript 從元素中刪除 CSS 類別?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-08 17:06:02311瀏覽

How do you remove a CSS class from an element using pure JavaScript?

使用純JavaScript 從元素中刪除CSS 類別

使用Web 元素時,您可能會遇到需要動態刪除CSS 類別的情況特定的CSS 類。知道如何使用純 JavaScript 來實現這一點至關重要。與簡化元素操作的 jQuery 不同,JavaScript 提供了一個通用的類別刪除解決方案。

要使用 JavaScript 有效地從元素中刪除類,請利用 現代瀏覽器廣泛支援的 classList 屬性。語法很簡單:

例如,讓我們考慮以下 HTML 元素:

在這種情況下,el 是一個分配紅色類別的元素。假設您想使用 JavaScript 從中刪除紅色類別。您可以透過執行以下程式碼來做到這一點:

執行此操作後,el 元素將不再具有紅色類,從而有效地改變其外觀。請注意,此解決方案與大多數現代瀏覽器相容,並提供了一種動態操作 CSS 類別的乾淨方法。

以上是如何使用純 JavaScript 從元素中刪除 CSS 類別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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