Få et element av HREF -attributtet ved hjelp av JavaScript

Mens du oppdaterer en webside eller nettstedet, kan det være forskjellige elementer mot det samme "href”Attributt, som må hentes for å spesifisere en annen URL i attributtet. Dessuten er denne funksjonaliteten også nyttig når det gjelder websider som involverer forskjellige lenker som må endres fra tid til annen. I slike tilfeller, å få et element av HREF -attributtet hjelper til.

Denne artikkelen vil demonstrere tilnærmingene for å få et element av HREF -attributtet ved hjelp av JavaScript.

Hvordan få et element av Href -attributtet i JavaScript?

Elementet kan hentes av "href”Attributt ved hjelp av“dokument.QuerySelectorAll ()”Metode. Denne metoden henter alle elementene som samsvarer med en CSS -velger (er) og returnerer en nodeliste. Mer spesifikt kan den uttalte metoden implementeres for å få tilgang til den spesifiserte HREF -attributtet mot “”Ankerelement og vise det tilsvarende elementet.

Syntaks

dokument.QuerySelectorAll (Selectors)

I den gitte syntaks:

“velgere”Tilsvarer en eller flere enn en CSS -velger.

Eksempel 1: Få et element av HREF -attributt
I dette eksemplet "”Ankerelement vil bli hentet ved å få tilgang til“href”Attributt via den uttalte metoden:

Google

I ovennevnte kodebit:

• For det første, spesifiser "href”Attributt og det uttalte”URL”Henholdsvis innen ankeret"”Element.
• I JS -koden får du tilgang til HREF -attributtet ved å bruke "dokument.QuerySelectorAll ()”Metode som har den spesifiserte URL i forrige trinn som parameter.
• Til slutt, vis det tilsvarende elementet, i.e., “”Mot det spesifiserte Href -attributtet.

Produksjon

I output kan man se at den tilsvarende “”Element hentes ved hjelp av det spesifiserte HREF -attributtet.

Eksempel 2: Få et element ved å matche Href -attributtet delvis
I dette eksemplet vil det tilsvarende elementet bli hentet ved å spesifisere HREF -attributtet delvis også:

Google

Utfør følgende trinn i koden ovenfor:

• Først inkluderer også "href”Attributt og spesifisere det angitte“URL" innen "”Element.
• I JavaScript -koden får du tilgang til det oppgitte elementet ved å spesifisere HREF -attributtet mot den delvis ved å bruke “dokument.QuerySelectorAll ()”Metode.
• Til slutt, vis det tilsvarende elementet, i.e., “”Mot den spesifiserte delvise attributtet.

Produksjon

Ovennevnte utgang betyr at det uttalte elementet hentes riktig ved delvis å spesifisere HREF -attributtet.

Konklusjon

“dokument.QuerySelectorAll ()”Metode kan implementeres for å få et element ved å spesifisere full eller delvis“href”Attributter ved hjelp av JavaScript. Denne metoden kan brukes til å hente elementet ved hjelp av det inneholdte HREF -attributtet i den. Den samme funksjonaliteten kan også utføres ved å spesifisere delvis HREF -attributtet. Denne bloggen forklarte for å få et element av HREF -attributt i JavaScript.