Verificar se elemento contém uma classe com JavaScript

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!

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

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!