Neste artigo você vai aprender a verificar se um elemento contém uma classe com JavaScript, apenas com uma única linha de código!
Fala programador(a), beleza? Bora aprender a como checar classes em elementos HTML com JavaScript puro!
Para trabalhar com classes de elementos, temos acesso a propriedade classList
Ela possui um método que se chama contains, podemos passar uma string como parâmetro
Que é o nome de uma classe que queremos verificar no elemento alvo
Mas antes de tudo isso o elemento precisa ser selecionado
Veja o exemplo completo de código:
const el = document.querySelector("#elemento");
console.log(el.classList.contains("alguma_classe"));O método pode retornar duas respostas: true ou false
O booleano true indica que o elemento possui a classe buscada
Já o false indica que a classe não existe no elemento
E então temos como identificar se um elemento tem uma classe ou não!
Conclusão
Neste artigo você aprendeu a como verificar se elemento contém uma classe com JS
Utilizamos o método contains, que está na propriedade classList
Qualquer elemento selecionado pelos método de DOM possui os recursos que utilizamos aqui!
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!
Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias
O link acima contém um cupom de desconto para os cursos!