Come ottenere href in javascript
"Href"Sta per un collegamento ipertestuale. Durante lo sviluppo di un sito Web, l'URL della pagina a cui è specificato i punti di collegamento utilizzando l'ancora HTML ""Tag. In alcuni scenari, gli sviluppatori devono determinare il valore dell'HREF, che è l'URL della pagina. Per fare ciò, JavaScript ha alcuni metodi integrati che possono aiutarti.
Questo manuale discuterà dei modi per ottenere il valore HREF del tag di ancoraggio JavaScript.
Come ottenere href in javascript?
Per determinare il valore HREF in JavaScript, utilizzare i seguenti metodi predefiniti JavaScript:
- metodo getAttribute ()
- attributo HREF
Esaminiamo questi approcci individualmente!
Metodo 1: Ottieni HREF usando il metodo getAttribute ()
IL "getAttribute ()"Il metodo dell'interfaccia dell'elemento fornisce il valore di un particolare attributo dell'elemento definito. Il valore di ritorno è nullo o la stringa vuota se manca l'attributo desiderato.
Sintassi
Segui la sintassi data per ottenere il metodo HREF usando il metodo getAttribute ():
elemento.getAttribute (attributename)
Qui, "nome attributo"È il nome dell'attributo il cui valore vogliamo ottenere.
Esempio: ottieni HREF utilizzando il metodo QuerySelector () con metodo getAttribute ()
Per prima cosa creeremo un tag di ancoraggio, un pulsante e un'etichetta per la stampa dell'URL che otterrà il valore HREF usando JavaScript "getAttribute ()" metodo:
Ottieni l'Href in JavaScript
Collegamento
Successivamente, definisci il “getURL ()"Funzione nel file JavaScript, dove prima otterremo il tag di ancoraggio utilizzando"QuerySelector ()"Metodo e quindi chiamare il metodo getAttribute () passando HREF come argomento. Scoprirà il primo tag di ancoraggio e recupererà il suo URL e lo memorizzerà nel "Href"Variabile. Infine, stampa il valore come testo dell'etichetta aggiunta:
funzione getURL ()
var href = documento.QuerySelector ('A').getAttribute ('href');
var url = documento.getElementById ('getURL');
URL.textContent = 'L'URL è $ href';
L'output visualizza il valore di HREF su un pulsante Click:
Passiamo al metodo successivo per ottenere HREF in JavaScript.
Metodo 2: Ottieni HREF usando l'attributo HREF
L'altro metodo per ottenere il valore href è il "Href"Attributo. L'HREF è di proprietà del "Htmlanchorelement"Ciò aggiorna HREF e fornisce una stringa con l'URL completo.
Sintassi
Utilizzare la seguente sintassi per ottenere il valore HREF con l'aiuto di "Href"Attributo:
ancoralement.Href
Esempio: ottieni HREF usando il metodo getElementById () con l'attributo HREF
Considereremo lo stesso collegamento nel tag di ancoraggio utilizzato nell'esempio precedente. Quindi, nel "getURL ()"Funzione, prima accedi al tag di ancoraggio passando il"collegamento"ID del tag di ancoraggio in"getElementById ()Metodo "e chiamare il"Href"Attributo con esso. Successivamente, ottieni nuovamente l'etichetta aggiunta utilizzando la stessa procedura e imposta il valore dell'HREF recuperato come contenuto:
funzione getURL ()
const value1 = documento.getElementById ("link").href;
const url = documento.getElementById ('getURL');
URL.textContent = 'L'URL è $ value1';
Produzione
Abbiamo fornito la soluzione più semplice per ottenere il valore HREF in JavaScript.
Conclusione
Per ottenere l'HREF in JavaScript, è possibile utilizzare i metodi predefiniti JavaScript, come il metodo getAttribute () e l'attributo HREF. L'unica cosa che separa il metodo getAttribute () dall'attributo HREF è che restituisce il valore dell'elemento di ancoraggio mentre l'HREF fornisce l'intero percorso a cui l'elemento di ancoraggio punta. In questo manuale, abbiamo discusso dei modi per ottenere il valore HREF del tag di ancoraggio JavaScript.