確定元素中的類別存在
辨識元素的類別成員身分對於 CSS 樣式和動態 HTML 操作至關重要。雖然 JavaScript 提供了檢索元素的 className 屬性的方法,但在處理多個類別時檢查其是否存在會帶來挑戰。
現有方法:
目前,一種常見的方法包括:
但是,當元素具有多個類別時,此方法會出現不足,因為它僅匹配精確匹配。
使用element.classList.contains:
更客製化的解決方案是利用element.classList.contains 方法:
所有現代瀏覽器都支援此方法,並提供一種簡潔的方法來驗證類別成員資格。
使用indexOf的自訂函數:
對於不支援classList的舊版瀏覽器,可以使用使用indexOf的自訂函數:
此函數確保指定class 位於元素的className 屬性內,即使它是另一個類別名稱的一部分。
使用循環的替代方法:
如果您希望將此函數與switch 語句中,您可以循環遍歷潛在類別名稱的陣列:
這種方法提供了更大的靈活性並避免了重複的switch 情況。
以上是如何有效地確定 HTML 元素中的類別是否存在?的詳細內容。更多資訊請關注PHP中文網其他相關文章!