首頁 > web前端 > js教程 > 如何有效地檢查 JavaScript 中元素類別是否存在?

如何有效地檢查 JavaScript 中元素類別是否存在?

DDD
發布: 2024-11-30 20:30:16
原創
644 人瀏覽過

How to Efficiently Check for Element Class Presence in JavaScript?

檢查 JavaScript 中是否存在元素類別

使用基本的 JavaScript,如何判斷元素是否包含特定類別?使用 className 屬性時,需要精確的類別匹配,這會導致元素在具有多個類別時受到限制。

解決方案:element.classList.contains

元素。 classList 公開了專門為此目的設計的 .contains 方法:

所有現代瀏覽器都支援此方法並且可以為舊版本進行填充。

替代方案:使用indexOf

或者,您可以使用element.className和indexOf用於缺乏classList支援的舊版瀏覽器,但較小為了確保準確性,需要調整:

這可以確保所尋找的類別不是另一個類別的子字串name.

程式碼範例

將此解決方案應用於您的具體情況:

此程式碼透過循環採用更有效的方法預先定義的潛在類別數組,減少冗餘並提高可維護性。

以上是如何有效地檢查 JavaScript 中元素類別是否存在?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板