Fjern IMG SRC -attributt ved hjelp av JavaScript

Mens du designer en interaktiv webside eller nettsted, kan det være et krav om overgang mellom forskjellige elementer fra tid til annen. For eksempel i prosessen med å legge til CAPTCHA og bildegjenkjenningsteknikker eller skjule et bestemt element for passende utnyttelse av dokumentobjektmodellen (DOM). I slike tilfeller er det gunstig å rydde IMG SRC -attributt.

Denne bloggen vil forklare hvordan du kan tømme SRC -attributtet ved hjelp av JavaScript.

Hvordan tømme IMG SRC -attributt ved hjelp av JavaScript?

For å tømme IMG SRC -attributtet ved hjelp av JavaScript, kan følgende tilnærminger brukes:

• • “Fjerning ()”Metode.
  • “vise”Eiendom.
  • “synlighet”Eiendom.

La oss følge hver av tilnærmingene en etter en!

Tilnærming 1: Klar IMG SRC -attributt i JavaScript ved bruk av REOVEATRIBUTE () -metode

“Fjerning ()”Metode fjerner attributtet fra et element. Denne metoden kan brukes til å fjerne et bestemt attributt som resulterer i å fjerne det spesifiserte bildet på knappeklikk.

Syntaks

element.Fjerning (navn)

I den gitte syntaks:

• • “Navn”Henviser til attributtets navn.

Eksempel

La oss følge det under-uttalte eksemplet:

Klikk for å tømme IMG SRC -attributtet

I ovennevnte kodebit:

• • Spesifiser det oppgitte bildet som har det spesifiserte “id" og "src" Egenskap.
  • Opprett også en knapp med en vedlagt "ved trykk”Hendelse som påkaller ClearAttribute () -funksjonen.
  • I JavaScript -koden, definer en funksjon som heter “ClearAttribute ()”.
  • I sin definisjon få tilgang til det inkluderte bildet via “id" bruker "getElementById ()”Metode.
  • Til slutt, bruk "Fjerning ()”Metode for å fjerne“src”Attributt, som vil resultere i å tømme bildet på knappeklikk.

Produksjon

Ovennevnte utgang betyr at bildet som er spesifisert i "src”Attributt tømmer på knappeklikk.

Tilnærming 2: Klar IMG SRC -attributt i JavaScript ved hjelp av Display Property

“vise”Eiendom returnerer visningstypen til det tilhørende elementet. Denne egenskapen kan brukes til å tilordne en verdi til det tilsvarende elementet slik at den inneholdte attributtet blir fjernet på knappeklikk.

Syntaks

gjenstand.stil.display = verdi

I den gitte syntaks:

• • “verdi”Henviser til den tildelte verdien til displayegenskapen.

Eksempel

La oss oversikt følgende eksempel:

Klikk for å tømme IMG SRC -attributtet

I kodelinjene ovenfor, implementer følgende trinn:

• • Husk tilnærmingene for å inkludere et bilde via “src”Attributt og opprette en knapp som har en“ved trykk" begivenhet.
  • I JavaScript -koden, definer funksjonen “ClearAttribute ()”.
  • I sin definisjon får du tilgang til det inkluderte bildet ved å bruke “getElementById ()”Metode.
  • Til slutt, tilordne verdien “ingen”Til displayegenskapen. Dette vil resultere i å tømme bildet som er spesifisert i "src" Egenskap.

Produksjon

Ovennevnte utgang indikerer at ønsket funksjonalitet oppnås.

Tilnærming 3: Clear IMG SRC -attributt i JavaScript ved hjelp av Siktiability Property

“synlighet”Eiendom tildeler verdien slik at et element blir synlig eller ikke. Denne egenskapen kan implementeres for å skjule det tilhørende elementet, og dermed deaktivere bildet som er spesifisert i "src”Attributt i elementet.

Syntaks

gjenstand.stil.synlighet = verdi

I den ovennevnte syntaks:

• • “verdi”Peker på den tildelte verdien til det tilhørende elementet.

Eksempel

Det undergitte eksemplet illustrerer det uttalte konseptet:

Klikk for å tømme IMG SRC -attributtet

I kodelinjene ovenfor:

• • På samme måte spesifiser det oppgitte bildet som har det spesifiserte “id" og "src" Egenskap.
  • Også knytte en "ved trykk”Hendelse med den opprettede knappen som omdirigerer til ClearAttribute () -funksjonen.
  • I JavaScript -delen av koden, definerer du en funksjon som heter “ClearAttribute ()”.
  • Her får du tilgang til det medfølgende bildet ved å bruke "getElementById ()”Metode.
  • Til slutt, tilordne verdien “skjult”Til det tilhørende elementet, jeg.e., bilde.
  • Dette vil resultere skjule det bildet som er spesifisert i "src”Attributt, og dermed rydde det på knappeklikk.

Produksjon

Det spesifiserte bildet blir fjernet fra DOM på knappeklikk, og teller dermed "src" Egenskap.

Konklusjon

“Fjerning ()”Metode,“vise”Eiendom, eller“synlighet”Eiendom kan brukes til å fjerne IMG SRC -attributt ved hjelp av JavaScript. Fjerning () -metoden kan brukes til å fjerne ”src”Attributt som også vil resultere i å tømme det spesifiserte bildet i det. Displayegenskapen skjuler displayet og teller bildet på knappeklikket. Synlighetsegenskapen skjuler det tilhørende elementet som resulterer i å tømme den inneholdte “src”Attributt også. Denne bloggen er guidet for å tømme IMG SRC -attributtet i JavaScript.