Eliminar un elemento | Programar Plus

Por alguna razón, un elemento no puede destruirse a sí mismo en JavaScript. jQuery tiene un método para esto, lo cual es bueno porque así es como pensamos:

$(".remove-me").remove();

Pero no existe un equivalente directo en JavaScript. En su lugar, deberá seleccionar el elemento principal y usar removeChild.

Entonces, si tienes:

<div class="module">
  <p>Stuff.</p>
  <div class="remove-me">...</div>
</div>

Necesitarás hacer:

var thingToRemove = document.querySelectorAll(".remove-me")[0];

thingToRemove.parentNode.removeChild(thingToRemove);

O si tenía una referencia a un elemento y quería vaciar todos los elementos dentro de él, pero guárdelo:

mydiv = document.getElementById('empty-me');
while (mydiv.firstChild) {
  mydiv.removeChild(mydiv.firstChild);
}