Remover classes de CSS de um elemento com JavaScript

Neste artigo você vai aprender a como remover classes de CSS de um elemento com JavaScript, ou seja, remover classes do atributo class

Fala programador(a), beleza? Bora aprender mais sobre manipulação de atributos de tags com JavaScript!

Os itens de HTML quando selecionados possuem uma propriedade chamada className

Podemos manipular as classes de uma tag alterando ela

Se atribuirmos um valor vazio, removemos todas as classes!

Veja um exemplo prático:

const meuElemento = document.querySelector("#id_do_elemento");

meuElemento.className = "";

Primeiramente selecionamos um elemento com querySelector, mas você pode utilizar qualquer método de seleção de DOM

Por fim atribuimos uma string vazia em className, fazendo com que todas classes do elemento previamente selecionado sejam removidas

Simples não é? 🙂

Conclusão

Neste artigo você aprendeu a como remover classes de CSS de um elemento com JavaScript

Apenas precisamos atribuir um valor de string vazia ao atributo className

Para ter acesso ao atributo é necessário selecionar o elemento, neste artigo fizemos a seleção com querySelector

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!