Comment ajouter l'attribut "href" à un lien de manière dynamique en utilisant JavaScript ?

Question

Comment puis-je ajouter le href à un lien de façon dynamique en utilisant JavaScript ?

Je veux essentiellement ajouter un href à l'attribut <a></a> dynamiquement (c'est-à-dire lorsque l'utilisateur clique sur une image spécifique du site web).

Donc de :

<a>Link</a>

Je dois y aller :

<a href="somelink url">Link</a>

Answer 1

var a = document.getElementById('yourlinkId'); //or grab it by tagname etc
a.href = "somelink url"

Answer 2

Je suppose que vous savez comment obtenir l'objet DOM pour l'objet <a> (utiliser document.getElementById ou une autre méthode).

Pour ajouter un attribut, il suffit d'utiliser l'option setAttribute sur l'objet DOM :

a = document.getElementById(...);
a.setAttribute("href", "somelink url");

Answer 3

document.getElementById('link-id').href = "new-href";

---

Je sais que c'est un vieux message, mais voici une phrase qui pourrait convenir à certaines personnes.

Answer 4

D'abord, essayez de changer <a>Link</a> à <span id=test><a>Link</a></span> .

Ensuite, ajoutez quelque chose comme ceci dans la fonction javascript que vous appelez :

var abc = 'somelink';
document.getElementById('test').innerHTML = '<a href="' + abc + '">Link</a>';

De cette façon, le lien ressemblera à ceci :

<a href="somelink">Link</a>

Answer 5

Une solution plus réelle :

<a id="someId">Link</a>

const a = document.querySelector('#someId');
a.href = 'url';