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!