Como remover atributo disabled de input com JavaScript

Neste artigo você vai aprender a como remover atributo disabled de input em JavaScript, com apenas uma linha

Fala programador(a), beleza? Bora aprender mais sobre DOM e também JavaScript!

Para remover o atributo disabled de um campo do formulário é bem simples

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

Vamos precisar apenas acessar o input de alguma forma, podemos selecioná-lo com o método querySelector

E depois executar o método removeAttribute com o valor em string do atributo que precisamos remover

Veja o código de exemplo:

const input = document.querySelector("input")

input.removeAttribute("disabled")

Na primeira linha estamos selecionando o input e na segunda removendo o seu atributo que deixa o mesmo desabilitado

Você pode fazer essa ação com qualquer outro atributo do HTML

E vale a pena comentar: aqui fiz em duas linhas por questões didáticas, você pode fazer a seleção e logo em seguida a exclusão do atributo 🙂

Conclusão

Neste artigo você aprendeu a como remover atributo disabled de input em JS

Apenas precisamos selecionar o elemento alvo, utilizamos o método querySelector para isso

E depois aplicar o removeAttribute, passando para este o atributo a ser removido

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!