Tecnología

Inicio

Cómo eliminar una Div en JavaScript

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.