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!