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
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