Comment obtenir href en javascript
"href»Signifie un lien hypertexte. Lors du développement d'un site Web, l'URL de la page sur laquelle les points de liaison sont spécifiés à l'aide de l'ancre HTML "" étiqueter. Dans certains scénarios, les développeurs doivent déterminer la valeur du HREF, qui est l'URL de la page. Pour ce faire, JavaScript a des méthodes intégrées qui peuvent vous aider.
Ce manuel discutera des moyens d'obtenir la valeur HREF de la balise d'ancrage JavaScript.
Comment obtenir href en javascript?
Pour déterminer la valeur HREF en JavaScript, utilisez les méthodes prédéfinies JavaScript suivantes:
- Méthode getAttribute ()
- Attribut HREF
Examinons ces approches individuellement!
Méthode 1: Obtenez HREF à l'aide de GetAttribute () Méthode
Le "getAttribute ()«La méthode de l'interface d'élément donne la valeur d'un attribut particulier de l'élément défini. La valeur de retour est nul ou la chaîne vide si l'attribut souhaité manque.
Syntaxe
Suivez la syntaxe donnée pour obtenir la méthode HREF à l'aide de GetAttribute ():
élément.getAttribute (attributeName)
Ici, "Nom d'attribut«Est le nom de l'attribut dont nous voulons obtenir la valeur.
Exemple: Obtenez HREF à l'aide de la méthode QueySelector () avec la méthode getAttribute ()
Nous allons d'abord créer une balise d'ancrage, un bouton et une étiquette pour l'impression d'URL qui obtiendra la valeur HREF à l'aide de JavaScript "getAttribute ()" méthode:
Obtenez le HREF en javascript
Lien
Ensuite, définissez le «geturl ()"Fonction dans le fichier javascript, où nous allons d'abord obtenir la balise d'ancrage en utilisant"QuerySelector ()”Méthode, puis appelez la méthode getAttribute () en passant HREF comme argument. Il découvrira la première étiquette d'ancrage et récupérera son URL et la stockera dans le «href»Variable. Enfin, imprime la valeur comme le texte de l'étiquette ajoutée:
fonction getUrl ()
var href = document.QuerySelector ('A').getAttribute ('href');
var url = document.getElementById ('getUrl');
URL.textContent = 'L'URL est $ href';
La sortie affiche la valeur de HREF sur un bouton CLIC:
Passons à la méthode suivante pour obtenir HREF en javascript.
Méthode 2: Obtenez HREF en utilisant l'attribut HREF
L'autre méthode pour obtenir la valeur HREF est le «href" attribut. Le HREF est la propriété du «Htmlanchorement"Cela met à jour le HREF et donne une chaîne avec l'URL complète.
Syntaxe
Utilisez la syntaxe suivante pour obtenir la valeur HREF à l'aide du «href" attribut:
ancrage.href
Exemple: Obtenez HREF en utilisant la méthode GetElementById () avec l'attribut HREF
Nous considérerons le même lien dans la balise d'ancrage utilisée dans l'exemple précédent. Ensuite, dans le «geturl ()”Fonction, accédez d'abord à la balise d'ancrage en passant le«lien”ID de l'étiquette d'ancrage dans le«getElementByid ()«Méthode et appelez le«href»Attribut à lui. Ensuite, obtenez à nouveau l'étiquette ajoutée en utilisant la même procédure et définissez la valeur du HREF récupéré que son contenu:
fonction getUrl ()
const Value1 = document.getElementByid ("lien").href;
const url = document.getElementById ('getUrl');
URL.textContent = 'L'URL est $ value1';
Sortir
Nous avons fourni la solution la plus simple pour obtenir la valeur HREF en JavaScript.
Conclusion
Pour obtenir le HREF en JavaScript, vous pouvez utiliser les méthodes prédéfinies JavaScript, telles que la méthode GetAttribute () et l'attribut HREF. La seule chose qui sépare la méthode getAttribute () de l'attribut HREF est qu'il renvoie la valeur de l'élément d'ancrage tandis que le HREF donne le chemin entier auquel l'élément ancre pointe. Dans ce manuel, nous avons discuté des moyens d'obtenir la valeur HREF de la balise d'ancrage JavaScript.