En el fragmento a continuación, estoy usando el método contains()
para verificar si existe una clase que comienza con banner__
en el documento. Si defino la clase explícitamente, puedo obtener una respuesta verdadera. Pero hay varias clases que podrían existir en el documento que comienzan con banner__
.
¿Cómo verifico si existe una clase que comienza con 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>
Convierta la lista de clases en una matriz, luego use .some()
para probar si alguno de ellos comienza con lo que desea.
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>