Como remover um href de uma tag a com JavaScript

Neste artigo você vai aprender a como remover um href de uma tag a com JavaScript e com jQuery, de uma forma simples e eficiente

Fala programador(a), beleza? Bora aprender mais sobre como remover atributos de um elemento, como o próprio href

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

O JavaScript tem um método muito simples que resolve este problema, é o removeAttribute

Precisamos apenas selecionar o elemento alvo, e depois aplicar o método no atributo href

Veja um exemplo prático:

var el = document.querySelector("#elemento");

el.removeAttribute("href");

Aqui selecionamos um elemento com um id de #elemento, que deve ser o seu link (tag a)

E depois aplicamos o método removeAttribute com parâmetro de ‘href’, o atributo a ser removido

E pronto, temos a remoção deste atributo do elemento

Removendo atributo com jQuery

Para quem usa jQuery no projeto, esta ação também é muito simples

Simplesmente temos que selecionar o elemento, e utilizar o método removeAttr

Que funciona da mesma forma que em JavaScript

Veja um exemplo prático:

var el = $("#link");

el.removeAttr("href");

Desta maneira é possível remover o atributo que linka a uma página com o jQuery também

Conclusão

Neste artigo vimos como remover um href de uma tag a com JavaScript e também jQuery

Nas duas abordagens devemos selecionar o elemento alvo

E depois precisamos aplicar o método removeAttribute para JavaScript e removeAttr para jQuery

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube