如何使用 javascript 檢查以 (classname__) 開頭的 class 是否存在？

Question

在下面的代碼片段中，我使用contains()方法檢查文檔中是否存在以 banner__ 開頭的banner__ 。 如果我明確定義 class ，那么我可以獲得真實的響應。 但是文檔中可能存在各種以banner__開頭的類。

如何檢查以 banner__ 開頭的banner__存在？

 const banner = document.querySelector('.banner'); const isBanner = banner.classList.contains('banner__'); if (isBanner) { console.log('Exists') } else { console.log('Does not exist') }

 <div class="banner banner__holiday">Banner</div>

Answer 1

將 class 列表轉換為數組，然后使用.some()測試其中是否有任何以您想要的開頭。

 const banner = document.querySelector('.banner'); const isBanner = Array.from(banner.classList).some(c => c.startsWith('banner__')); if (isBanner) { console.log('Exists') } else { console.log('Does not exist') }

 <div class="banner banner__holiday">Banner</div>