Hvordan slette en Div i Javascript

July 26

Det er mange grunner til å skrive et script som fjerner en div container fra websiden. Du kan legge inn en mediespiller i en del av siden din og vil at brukerne skal kunne skjule det eller har innhold på siden du ønsker å vise bare for brukere med visse tilgangsnivåer. Uansett tilfelle, fjerne en div container med Javascript er en enkel oppgave som krever bare noen få linjer med kode.

Bruksanvisning

1 Åpne websiden med div beholder du ønsker å slette i din foretrukne teksteditor.

2 Sett inn følgende kode mellom <head> taggene på nettsiden din:

fungere deleteDiv () {

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

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

x.removeChild (y);

}

Substitute id verdien av div beholderen du ønsker å slette for childdiv og id verdien av sin overordnede beholder for parentdiv.

3 Sett inn følgende kode et sted i kroppen på websiden:

4 Lagre og publiser din webside. Det vil nå inneholde en knapp, som når den klikkes, vil slette div container.