Come eliminare un Div in JavaScript

March 11

Come eliminare un Div in JavaScript


Ci sono molte ragioni per scrivere uno script che rimuove un div contenitore dalla pagina Web. Si potrebbe incorporare un lettore multimediale in una sezione della pagina e desidera che gli utenti siano in grado di nasconderlo o hanno contenuto della pagina che si desidera visualizzare solo agli utenti con determinati livelli di accesso. In ogni caso, la rimozione di un contenitore div con JavaScript è un compito semplice che richiede solo poche righe di codice.

istruzione

1 Aprire la pagina Web con il contenitore div che si desidera eliminare con l'editor di testo preferito.

2 Inserire il codice seguente tra i tag <head> tag della tua pagina web:

funzione deleteDiv () {

var y = document.getElementById ( "childdiv");

var x = document.getElementById ( "parentdiv");

x.removeChild (y);

}

Sostituire il valore id del div contenitore che si desidera eliminare per childdiv e il valore id del contenitore principale per parentdiv.

3 Inserire il seguente codice da qualche parte nel corpo della pagina web:

<Input type = valore "pulsante" = "Cancella" onclick = "deleteDiv ()" />

4 Salvare e pubblicare la pagina Web. Sarà ora contenere un pulsante che, una volta cliccato, eliminare il contenitore div.