Hvordan fjerne et HTML -element ved hjelp av JavaScript?
Den mest atomiske måten å fjerne et element fra HTML -nettsiden er å bruke fjerne () på det elementet. For å bruke en hvilken som helst metode på et HTML -element, må brukeren opprette en referanse til det elementet i JavaScript -koden.
Denne artikkelen vil demonstrere hvordan du fjerner et element fra et HTML -dokument ved hjelp av et eksempel.
Fjern () -metoden
Fjern -metoden (som nevnt ovenfor) brukes til å fjerne et element som det brukes fra HTML -dokumentet. Syntaks for fjerningsmetoden er som følger:
Elemref.fjerne()I denne syntaksen er Elemref referansen til HTML -elementet inne i JavaScript -koden. Denne funksjonen tar ingen parameter, og gir heller ikke noe. La oss se på noen eksempler
Eksempel1: Fjerning av et et element ved hjelp av klassen
Begynn med å opprette en ny HTML -fil og plasser følgende linjer i filen:
Jeg har klassen "Fjerning", så fjern meg!
Av Linuxhint
I disse linjene opprettes det en enkel tag med klassen satt til "fjern meg". Å kjøre dette HTML -dokumentet viser følgende utgang på terminalen:
Utgangen viser
Tag på skjermen. De er bare en plassholder slik at websiden ikke er tom når elementet fjernes. Etter det, bare legg til en knapp som fjerner elementet på knappetrykk og angir OnClick -verdien til ButtonClicked ():
Dette gir oss følgende webside:
Knappen legges til på websiden, nå i taggen Legg til i følgende linjer:
funksjon Buttonclicked ()Elem = dokument.getElementsByClassName ("Fjerning");
Elem.fjerne();
I linjene ovenfor:
- Funksjonsknappklikket () opprettes, som vil bli utført når du trykker på Fjern -knappen
- Inne i funksjonen opprettes en referanse til elementet som skal fjernes ved å bruke klassenavnet
- Etter det kalles Fjern () -metoden elementet for å fjerne det fra HTML -dokumentet
Utfør koden nå for å få følgende resultater:
Så snart knappen er trykket, fjernes elementet med klassenavnet = "Fjerning" fjernet fra HTML -dokumentet.
Eksempel 2: Fjerning av et element ved hjelp av IDen
Opprett et HTML -dokument, og akkurat som i eksempel 1, lag en P -kode og en knapp, men denne gangen, gi
Merk en ID i stedet for klasse:
Denne gangen har jeg IDen som "Fjerning", så fjern meg!
Av Linuxhint
Dette vil gi følgende utdata i nettleseren:
Etter det, i skriptfilen, legg inn følgende linjer:
funksjon Buttonclicked ()Elem = dokument.getElementsById ("Fjerning");
Elem.fjerne();
I linjene ovenfor:
- Funksjonsknappklikket () opprettes, som vil bli utført når du trykker på Fjern -knappen
- Inne i funksjonen opprettes en referanse til elementet som skal fjernes ved å bruke Ids ID = "Fjerning"
- Etter det kalles Fjern () -metoden elementet for å fjerne det fra HTML -dokumentet
Å kjøre HTML -elementet og trykke på knappen oppretter følgende resultat:
Elementet med IDen som "Fjerning" ble fjernet fra HTML -dokumentet
Konklusjon
Fjern () -metoden kan brukes på et element for å fjerne den fra HTML -dokumentet fra HTML -dokumentet. For å bruke denne metoden på et element, må imidlertid en referanse til elementet først gjøres. Og deretter brukes fjerne () -metoden på den referansen til det elementet ved bruk av DOT -operatøren. Denne artikkelen har forklart arbeidet med Fjern () -metoden med eksempler.