-
Cómo eliminar una Div en JavaScript
-
Hay muchas razones para escribir un script que elimina un contenedor div desde su página web. Es posible incrustar un reproductor de medios en una sección de su página y desea que los usuarios sean capaces de ocultarlo o tener contenido en la página que desea mostrar sólo a los usuarios con ciertos niveles de acceso. En cualquier caso, la eliminación de un contenedor div con JavaScript es una tarea sencilla que requiere sólo unas pocas líneas de código.Instrucciones
1 Abra la página Web con el contenedor div que desea eliminar en su editor de texto preferido.
2 Inserte el siguiente código entre las etiquetas <head> de su página web:
funcionar deleteDiv () {
var y = document.getElementById ( "childdiv");
var x = document.getElementById ( "parentdiv");
x.removeChild (y);
}
Sustituir el valor id del div contenedor que desea eliminar para childdiv y el valor de ID de su contenedor principal para parentdiv.
3 Inserte el siguiente código en alguna parte del cuerpo de su página web:
<Input type = valor "botón" = "Borrar" onclick = "deleteDiv ()" />
4 Guardar y publicar su página Web. Ahora contendrá un botón que, al ser pulsado, borrará su contenedor div.