Det er flere funksjonaliteter som JavaScript leverer til et nettsted for å gjøre det interaktivt. En av de mest grunnleggende funksjonene som JavaScript gir er å fjerne en node eller et element fra en webside.

Denne artikkelen vil følge de gitte trinnene nedenfor for å fjerne et element fra en webside i JavaScript.

• getElements byid -metode
• Fjern () Metode
• fjerne barneknuter eller elementer

Hva er getelements ved hjelp av metoden?

GetElementsById, som navnet antyder, er en JavaScript -metode som brukes til å hente en spesifikk ID for et element og returnere den til en variabel. Denne returnerte elementverdien kan brukes til å utføre forskjellige oppgaver.

Syntaks

Deretter tar vi en titt på den innebygde fjerning () -metoden for å finne ut hvordan den kan brukes til å fjerne elementer med ID i JavaScript.

Fjern () -metoden i JavaScript

Fjern () -metoden i JavaScript hjelper med å fjerne et element eller en node. Det tar ingen parametere eller returnerer noen verdi.

Som vi har sett formålet med begge GetElements ved hjelp av metode og fjerne metode. Nå tar vi en titt på et enkelt kodebit som vil slette et HTML -element fra en webside:

Html

Fjern teksten

Denne teksten blir fjernet når du klikker på knappen

Fjern valgt frukt

I ovennevnte kodebit er en enkel tekst gitt i

og

HTML Element -kode sammen med en knapp. Når knappen er klikket på teksten inne i

Tag vil bli fjernet fra websiden.

Lagre og kjør koden, utdataene fra ovennevnte utdrag er lik den som er vist nedenfor.

Nå skal en JavaScript -kode legges til bak knappen slik at når knappen blir klikket, kan de ønskede resultatene oppnås.

JS

I skriptet ovenfor kan det sees at en brukerdefinert MyRemoveFunction funksjon er opprettet der for det første Id av elementet blir hentet av getElementById metode og lagres i variabelen Textremove.

Etter å ha returnert elementet med ID til variabel textremove, den innebygde funksjonen til fjerne har blitt brukt som vil fjerne HTML -elementet i det øyeblikket knappen er klikket.

Når du utfører koden ovenfor, kan en lignende utdata sees i nettleseren som presentert nedenfor.

I det ovennevnte øyeblikksbildet av utdataene kan det sees at når knappen er klikket, teksten som var til stede i

Elementmerket er fjernet fra websiden.

Konklusjon

JavaScript gir forskjellige metoder for bedre funksjonalitet på nettet. GetElementById er en av de vanlige og nyttige metodene som returnerer et elements ID -verdi. Elementet hvis ID er lagret i en variabel kan fjernes ved å bruke den innebygde fjerne funksjonen til JavaScript.