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

pai.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:

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

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

parent.removeChild(elem);

Resultado da execução do código:

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

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

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

Resultado da execução do código:

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

Veja também

método remove,
com o qual você pode remover um elemento