Tutoriales JavaScript

Eliminar elementos con Javascript

A la hora de crear una página web en algunos casos por una u otra razón borrar un elemento puede resultar necesario; con eliminar no me refiero a ocultar, sino a eliminar completamente de la página.

Gracias a jQuery eliminar un elemento es tan fácil que sólo se requiere escribir un par de letras. Sin embargo, no todos son fans de las librerías por lo que les explicaré como hacerlo con o sin jQuery.

Con jQuery

$('elemento').remove();

El elemento puede ser de cualquier tipo, lo importante es tener con que identificarlo ya sea por su id o class, etc…por ejemplo $("body").remove(); o $("#ID").remove(); o $(".class").remove();

Demo:

Con Javascript limpio

//Creamos la función
function remove(item) {var elem = document.querySelectorAll(item);for(var i=0; i<elem.length; i++) {var del = elem[i];del.parentNode.removeChild(del); }}
//La Ejecutamos
remove('elemento');

Al igual que con jQuery, el elemento puede ser de cualquier tipo, lo importante es tener con que identificarlo ya sea por su id o class, etc…por ejemplo remove('body'); o remove('#ID'); o remove('.class');.

Demo: