如何使用 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>