如何有效地確定 HTML 元素中的類別是否存在？

確定元素中的類別存在

辨識元素的類別成員身分對於 CSS 樣式和動態 HTML 操作至關重要。雖然 JavaScript 提供了檢索元素的 className 屬性的方法，但在處理多個類別時檢查其是否存在會帶來挑戰。

現有方法：

目前，一種常見的方法包括:

但是，當元素具有多個類別時，此方法會出現不足，因為它僅匹配精確匹配。

使用element.classList.contains:

更客製化的解決方案是利用element.classList.contains 方法：

所有現代瀏覽器都支援此方法，並提供一種簡潔的方法來驗證類別成員資格。

使用indexOf的自訂函數：

對於不支援classList的舊版瀏覽器，可以使用使用indexOf的自訂函數：

此函數確保指定class 位於元素的className 屬性內，即使它是另一個類別名稱的一部分。

使用循環的替代方法：

如果您希望將此函數與switch 語句中，您可以循環遍歷潛在類別名稱的陣列：

這種方法提供了更大的靈活性並避免了重複的switch 情況。

以上是如何有效地確定 HTML 元素中的類別是否存在？的詳細內容。更多資訊請關注PHP中文網其他相關文章！