Obtenez un élément par attribut HREF à l'aide de JavaScript

Lors de la mise à jour d'une page Web ou du site Web, il peut y avoir divers éléments contre les mêmes "href”Attribut, qui doit être récupéré pour spécifier une URL différente dans l'attribut. De plus, cette fonctionnalité est également utile dans le cas des pages Web impliquant divers liens qui doivent être modifiés de temps à autre. Dans de tels cas, l'obtention d'un élément par l'attribut HREF aide à accéder à l'élément, utilisant ainsi efficacement les ressources et la mémoire actuelles.

Cet article montrera les approches pour obtenir un élément de l'attribut HREF à l'aide de JavaScript.

Comment obtenir un élément par attribut HREF dans JavaScript?

L'élément peut être récupéré par le «href«Attribut en utilisant le«document.queySelectorall ()" méthode. Cette méthode récupère tous les éléments correspondant à un (s) sélecteur (s) CSS et renvoie une liste de nœuds. Plus précisément, la méthode indiquée peut être implémentée pour accéder à l'attribut HREF spécifié contre le «”Élément d'ancrage et affichez l'élément correspondant.

Syntaxe

document.QuerySelectorall (sélecteurs)

Dans la syntaxe donnée:

"sélecteurs»Correspond à un ou plusieurs sélecteur CSS.

Exemple 1: Obtenez un élément par attribut HREF
Dans cet exemple, le ««L'élément d'ancrage sera récupéré en accédant au«href”Attribut via la méthode indiquée:

Google

Dans l'extrait de code ci-dessus:

• Premièrement, spécifiez le «href"Attribut et le déclaré"URL"Respectivement, dans l'ancre"" élément.
• Dans le code JS, accédez à l'attribut HREF en appliquant le «document.queySelectorall ()”Méthode ayant l'URL spécifiée à l'étape précédente comme paramètre.
• Enfin, affichez l'élément correspondant, je.e., "”Contre l'attribut HREF spécifié.

Sortir

Dans la sortie ci-dessus, on peut voir que le correspondant «»L'élément est récupéré à l'aide de l'attribut HREF spécifié.

Exemple 2: Obtenez un élément en correspondant partiellement à l'attribut HREF
Dans cet exemple, l'élément correspondant sera récupéré en spécifiant également l'attribut HREF:

Google

Effectuez les étapes suivantes dans le code ci-dessus:

• Tout d'abord, incluez le ««href«Attribuez et spécifiez le« déclaré »URL"Dans le"" élément.
• Dans le code JavaScript, accédez à l'élément indiqué en spécifiant l'attribut HREF contre lui en utilisant partiellement le «document.queySelectorall ()" méthode.
• Enfin, affichez l'élément correspondant, je.e., "”Contre l'attribut partiel spécifié.

Sortir

La sortie ci-dessus signifie que l'élément indiqué est récupéré correctement en spécifiant partiellement l'attribut HREF.

Conclusion

Le "document.queySelectorall ()"La méthode peut être implémentée pour obtenir un élément en spécifiant complet ou partiel"href»Attributs à l'aide de JavaScript. Cette méthode peut être utilisée pour récupérer l'élément à l'aide de l'attribut HREF contenu. La même fonctionnalité peut également être effectuée en spécifiant l'attribut HREF partiel. Ce blog a expliqué pour obtenir un élément de l'attribut HREF dans JavaScript.