Una de las cosas que podemos hacer vía JavaScript es modificar el DOM de elementos de una página HTML. Bien insertando, actualizandolos o eliminandolos.
En este caso lo que vamos a realizar es eliminar un elemento de la página, vía ID. En concreto eliminaremos imágenes.
Es por ello que lo primero que vamos a realizar es insertar un conjunto de imágenes en la página. Importante que asociemos un ID a cada una de las imágenes.
Lo siguiente será insertar un formulario. En el, pediremos al usuario el ID que quiere eliminar. Para facilitar hemos dado un id que corresponda con el nombre de la imagen que corresponde. Facilitando la vida al usuario…
Al pulsar el botón, evento onClick, llamaremos a la función JavaScript eliminarElemento(id) y le pasaremos el texto que haya introduccido el usuario.
Lo realmente importante es lo que va dentro de la función. Los pasos JavaScript para eliminar el ID serán los siguientes:
- Obtener el elemento al que representa el ID. Mediante el método .getElementById()
- Validar si el elemento existe. Ya que si no existe habrá que avisar al usuario.
- Obtener el nodo padre del elemento. Para ello utilizamos el atributo .parentNode
- Desde el padre del elemento, invocar el método removeChild(elemento). Dicha función eliminará el elemento.
El código JavaScript será el siguiente:
function eliminarElemento(id){
imagen = document.getElementById(id);
if (!imagen){
alert("El elemento selecionado no existe");
} else {
padre = imagen.parentNode;
padre.removeChild(imagen);
}
}
cristian
function Login(){
var done=0;
var usuario=document.login.usuario.value;
if (usuario==»75868105″) {
window.location = «Votar.HTML»;
}
if (usuario == «73895984») {
window.location = «Votar.HTML»;
}
if (usuario == «73649466») {
window.location = «Votar.HTML»;
}
if (usuario==»») {
window.location=»errorpopup.html»;
}
}
quisiera cambiar el numero de usuari…para solo permitir un voto por persona
cristian
una pregunta? es que tengo un login en html y pues le meti un comando de java para poder resgistrar los id y asi entrar…pero necesito que ese id se elimine cuando cuando ingrese y así no poder repetir….es para un proyecto de votaciones que tengo el cole.
¿me podrían ayudar?
Víctor Cuervo
¿De dónde obtienes el ID?
Saludos
Bertrice
document.getElementById(«id_del_elemento»)
Esta id se define en el codigo HTML con el atributo de id=»»
Ej:
HTML:
JavaScript:
var input =document.getElementById(«input»)
Hatsuharu
Hola, use tu codigo y me sirvio, gracias es lo que buscaba, pero me quedo una duda, por que obtienes primero el parentNode y luego a partir de ese lo eliminas?? no se puede mejor eliminarlo directamente a traves de su id ??
David
¿Se me podría explicar por qué removeChil no me funciona en el interior de una función?, por ejemplo en el código:
function crear_elim_elem (){
var h2 = document.createElement («h2»);
var cit = document.getElementById («cit»); //El elemento ha sido creado en HTML.
cit.appendChild (h2);
h2.innerHTML = «Esto es otra prueba, que me gustaría realizar con éxito»;
//Ahora lo elimino.
var nodopadre = h2.parentNode;
setTimeout(«nodopadre.removeChild (h2)», 3000);
}
crear_elim_elem ();
Fernando
Muy bien y muy claro.
Tambien me interesaria saber como hacer para que volviese a aparecer el elemento
eliminado. Por un borrado accidental, equivocacion, o cualquier otro motivo.
Muchas gracias.
Andres
Me gusta esto sera divertido
Víctor Cuervo
@Fidel, me alegro mucho que te haya servido. :-D
Fidel
Excelente, ya lo adapte a mi codigo, gracias…..
lineadecodigo
@dora,
El código Javascript está en los ficheros dentro de etiquetas:
Si puedes ser un poco más concreta en tu pregunta buscamos como ayudarte.
lineadecodigo
@rene, @jose saul, @dach, @Maria Jose,
Me alegro que os haya servido de ayuda. :-)
dora
necesito eliminar javaScrip porque no puedo iniciar sesion gracias si me ayudan por favor porque no entiendo mucho de esto
Maria Jose
Muy bueno y me super ayudo :D
marisel blanc
necesio que me ayuden cada vez que quiero entrar a mi correo electrnoco no pued me sale en la parte de abajo el avascript;;, y no puedo bajar fotos en hi5
dach
Muchas gracias me sirvio de mucho. felicidades por tu aporte y que sigas asi….
Jose Saul
Asi es como se Explica…
René
Muy util
ricardo avalos
Amigo MKX, tienes que hace referencia al index del option a eliminar. No te olvides que en el caso de los option, como todos llevan el mismo nombre, tú accedes a uno en particular a través de su index.
Saludos desde Chile,
Ricardo
tanya
como los elimino
tanya
no puedo eliminar mis correos por causa del javascrip
MKX
pregunta, y si tengo por ejemplo 6 options que se llaman igual, como los distingo?, porque yo quiero automatizar un programa y para uqe navegue por una web pero tengo que chechear un option, pero la cuestion es que son como 6 y se llaman todos iguales¿?
Pedro Prez
Excelente. Muy Claro!
Saludos!