Como remover um elemento por id em JavaScript

Neste artigo você vai aprender a como remover um elemento por id em JavaScript, ou seja, deletar o elemento da tela

Fala programador(a), beleza? Bora aprender mais sobre DOM, manipulação de elementos e também sobre JavaScript!

Para remover um elemento por id, vamos utilizar o método getElementById, como você deve imaginar

Mas é possível também com querySelector

E para realizar a remoção de fato, apenas precisamos alterar a propriedade outerHTML para uma string vazia

Veja um exemplo do código necessário:

<p id="meu-paragrafo">Meu parágrafo</p>

Este será o nosso HTML, vamos remover este parágrafo

Agora segue o código JavaScript:

var p = document.getElementById("meu-paragrafo");

p.outerHTML = "";

Selecinamos o elemento, e depois alteramos a propriedade outerHTML para uma string sem valor

Isso faz com que o elemento seja automaticamente excluído do nosso HTML, ou seja, removido da página

Conclusão

Neste artigo você aprendeu a remover um elemento por id em JavaScript puro

Basta selecionar o elemento alvo com o método que você quiser, getElementById por exemplo

E depois mudar a propriedade outerHTML para uma string vazia, com uma atribuição

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!