Eliminar un elemento - Trucos CSS

Tabla de contenido

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:


Stuff.

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); )

Articulos interesantes...