Comment puis-je ajouter l'attribut "href" à un lien de manière dynamique à l'aide de JavaScript?
Comment puis-je ajouter l'attribut href à un lien de manière dynamique à l'aide de JavaScript?
En gros, je souhaite ajouter un attribut href à <a></a> de manière dynamique (c.-à-d. Lorsque l'utilisateur clique sur une image spécifique du site Web).
Donc de:
<a>Link</a>
J'ai besoin d'aller à:
<a href="somelink url">Link</a>
var a = document.getElementById('yourlinkId'); //or grab it by tagname etc
a.href = "somelink url"
Je suppose que vous savez comment obtenir l'objet DOM pour l'élément <a> (utilisez document.getElementById ou une autre méthode).
Pour ajouter n'importe quel attribut, utilisez simplement la méthode setAttribute sur l'objet DOM:
a = document.getElementById(...);
a.setAttribute("href", "somelink url");
document.getElementById('link-id').href = "new-href";
Je sais que ceci est un ancien post, mais voici un one-line qui conviendrait peut-être mieux à certains.
Commencez par remplacer <a>Link</a> par <span id=test><a>Link</a></span>.
Ajoutez ensuite 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>