sábado, 1 de enero de 2011

Funcion deleteElement() para JavaScript

Con esta función elimina un elemento HTML de un documento pasándole como parámetro el identificador del elemento o el elemento (el objeto que se desea eliminar).

//Elimina un elemento pasando como parametro el id del elemento o el elemento que se desea eliminar. Desarrollado por @jandres86
document.deleteElement = function(element){

if(typeof(element) == 'object'){
var padre = element.parentNode;
}else{
var obj = document.getElementById(element);
var padre = obj.parentNode;
}

padre.removeChild(obj);

};


la manera como debe usarlo es la siguiente:


<script>


   //Para eliminar un elemento por su id. en este ejemplo elimino el elemento cuyo id es 'elemento_a_eliminar'

   deleteElement('elemento_a_eliminar');



   //Para eliminar un elemento enviándole el objeto a la función.
   
   input = document.createElement("input");//Primero creo un elemento tipo input
   document.body.appenChild(input);//Añado el input creado al body del documento
   deleteElement(input);//Ahora procedo a eliminar el elemento creado enviando como parametro el objeto.


  //Tambien como es un input podemos agregarle al evento onclick que ejecute la funcion deleteElement()asi
   input.onclick = deleteElement(input);//Cuando demos click en el elemento input creado se eliminara este elemento del documento


</script>

Espero que le sirva y espero sus comentarios con cualquier duda o cualquier cosa que deseen expresar. Gracias