En el anterior articulo habíamos aprendido ha crear elementos HTML, como Botones de tipo (type) "Button" y "Submit" campos de texto, campos de tipo password, radio, select, checkbox, color, file, textarea, label. En este articulo ademas de crearlos ahora los vamos a eliminar o remover.
La función de JavaScript que nos permite hacer esto es removeChild(elemento).
¿Cómo funciona? Es sencilla y simple de utilizar, el parámetro que recibe es el elemento que vamos a eliminar un campo, un botón, un select ... entre otros. Pero como todos sabemos, nuestro campo tiene un identificador (id), y ese lo obtenemos con el document.getElementById(id_elemento); antes de pasarlo a la función removeChild(elemento), debemos primero saber cual es el padre del nodo o elemento, que vamos a eliminar y para eso utilizamos la función parentNode.
Ahora después de que sabemos cual es el elemento padre, si le pasamos el elemento que vamos a eliminar.
Todo esto que estamos haciendo, lo que hacemos es manipular o alterar el DOM (Document Object Model -Modelo de Objetos de Documento).
Aquí te dejo un vídeo sobre el tema tratado.
Vídeo por codigoweblibre
Pero como en la practica es como se aprende aquí te dejo el código fuente y el demo para que entiendas que hacemos, como lo hacemos y los resultados que obtenemos.
Demo y Código fuente aquí .
Si te gustó o te resultó utli deja puntos.
Cualquier duda o comentario con gusto lo atenderé y responderé.
¿Quieres mas tutoriales?
Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame
Visita:
http://codigoweblibre.blogspot.com/
La función de JavaScript que nos permite hacer esto es removeChild(elemento).
¿Cómo funciona? Es sencilla y simple de utilizar, el parámetro que recibe es el elemento que vamos a eliminar un campo, un botón, un select ... entre otros. Pero como todos sabemos, nuestro campo tiene un identificador (id), y ese lo obtenemos con el document.getElementById(id_elemento); antes de pasarlo a la función removeChild(elemento), debemos primero saber cual es el padre del nodo o elemento, que vamos a eliminar y para eso utilizamos la función parentNode.
Ahora después de que sabemos cual es el elemento padre, si le pasamos el elemento que vamos a eliminar.
Todo esto que estamos haciendo, lo que hacemos es manipular o alterar el DOM (Document Object Model -Modelo de Objetos de Documento).
Aquí te dejo un vídeo sobre el tema tratado.
Vídeo por codigoweblibre
Pero como en la practica es como se aprende aquí te dejo el código fuente y el demo para que entiendas que hacemos, como lo hacemos y los resultados que obtenemos.
Demo y Código fuente aquí .
Si te gustó o te resultó utli deja puntos.
Cualquier duda o comentario con gusto lo atenderé y responderé.
¿Quieres mas tutoriales?
Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame
Visita:
http://codigoweblibre.blogspot.com/