Hvordan få href i javascript
“href”Står for en hypertekstkobling. Mens du utvikler et nettsted, er nettadressen til siden som koblingspunktene er spesifisert ved hjelp av HTML -ankeret "" stikkord. I visse scenarier må utviklerne bestemme verdien av Href, som er sidens URL. For å gjøre det har JavaScript noen innebygde metoder som kan hjelpe deg.
Denne håndboken vil diskutere måtene å få HREF -verdien til JavaScript -ankerkoden.
Hvordan få href i javascript?
For å bestemme HREF -verdien i JavaScript, bruk følgende JavaScript -forhåndsdefinerte metoder:
- getAttribute () -metode
- HREF -attributt
La oss undersøke disse tilnærmingene individuelt!
Metode 1: Få Href ved hjelp av GetAttribute () -metode
“getAttribute ()”Metode for elementgrensesnittet gir verdien av en bestemt attributt til det definerte elementet. Returverdien er null eller den tomme strengen hvis ønsket attributt mangler.
Syntaks
Følg den gitte syntaks for å få Href ved hjelp av getAttribute () -metode:
element.getAttribute (AttributeName)
Her, “AttributeName”Er navnet på attributtet hvis verdi vi ønsker å få.
Eksempel: Få HREF ved hjelp av QuerySelector () -metode med GetAttribute () -metode
Vi vil først opprette en ankerkode, knapp og en etikett for utskrift av URL som får HREF -verdien ved å bruke JavaScript “getAttribute ()”Metode:
Få Href i JavaScript
Lenke
Deretter definerer du "geturl ()”Funksjon i JavaScript -filen, der vi først vil få ankerkoden med“QuerySelector ()”Metode og ring deretter getAttribute () -metoden ved å passere HREF som et argument. Den vil finne ut den første ankerkoden og hente nettadressen og lagre den i "href”Variabel. Til slutt skriver du ut verdien som teksten til den ekstra etiketten:
funksjon getUrl ()
var href = dokument.QuerySelector ('A').getAttribute ('href');
var url = dokument.getElementById ('geturl');
URL.textContent = 'URL er $ href';
Utgangen viser verdien av HREF på et knappeklikk:
La oss gå til neste metode for å få HREF i JavaScript.
Metode 2: Få Href ved hjelp av HREF -attributt
Den andre metoden for å få HREF -verdi er “href" Egenskap. Href er eiendommen til “HtmlanchorElement”Som oppdaterer HREF og gir en streng med den komplette URL -en.
Syntaks
Bruk følgende syntaks for å få HREF -verdien ved hjelp av "href" Egenskap:
Ankerelement.href
Eksempel: Få HREF ved hjelp av GetElementById () -metode med HREF -attributt
Vi vil vurdere den samme lenken i ankerkoden som ble brukt i forrige eksempel. Da, i “geturl ()”Funksjon, tilgang først ankerkoden ved å passere“lenke”Id av ankerkoden i“getElementById ()”Metode og ring“href”Attributt med det. Deretter kan du igjen få den ekstra etiketten ved å bruke samme prosedyre og angi verdien av den hentet HREF som innhold:
funksjon getUrl ()
Const Value1 = Dokument.getElementById ("Link").href;
const url = dokument.getElementById ('geturl');
URL.textContent = 'URL er $ Value1';
Produksjon
Vi har gitt den enkleste løsningen for å få HREF -verdien i JavaScript.
Konklusjon
For å få HREF i JavaScript, kan du bruke JavaScript forhåndsdefinerte metoder, for eksempel GetAttribute () -metode og HREF -attributt. Det eneste som skiller getAttribute () -metoden fra HREF -attributtet er at den returnerer verdien av ankerelementet mens Href gir hele veien som ankerelementet peker. I denne håndboken har vi diskutert måtene å få HREF -verdien til JavaScript -ankerkoden.