Método removeChild

El método removeChild permite eliminar un elemento. Se aplica al elemento padre especificando el elemento que se debe eliminar.

Sintaxis

padre.removeChild(elemento);

Ejemplo

Vamos a eliminar el párrafo #elem. Para ello obtenemos su padre #parent y aplicamos el método removeChild al padre obtenido, y como parámetro del método pasamos el elemento que queremos eliminar:

<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 de ejecutar el código:

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

Ejemplo

Si necesita eliminar un elemento, pero no hay referencia a su padre, - el padre se puede obtener a travé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 de ejecutar el código:

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

Vea también

método remove,
que se puede usar para eliminar un elemento