Método removeChild

O método removeChild permite remover um elemento. É aplicado ao elemento pai com a especificação do elemento que precisa ser removido.

Sintaxe

javascriptpai.removeChild(elemento);

Exemplo

Vamos remover o parágrafo #elem. Para isso, obtemos seu pai #parent e o método removeChild é aplicado ao pai obtido, e o parâmetro do método é o elemento que queremos remover:

html<div id="parent">
  <p id="elem">elem 1</p>
  <p>elem 2</p>
</div>

javascriptlet parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

Resultado da execução do código:

html<div id="parent">
  <p>elem 2</p>
</div>

Exemplo

Se você precisa remover um elemento, mas não há referência ao seu pai, - o pai pode ser obtido através de parentElement:

html<div>
  <p id="elem">elem 1</p>
  <p>elem 2</p>
</div>

javascriptlet elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

Resultado da execução do código:

html<div id="parent">
  <p>elem 2</p>
</div>

Veja também