How can I add href attribute to a link dynamically using JavaScript

Question

How can I add the href attribute to a link dynamically using JavaScript   I basically want to add a href attribute to  lt a gt  lt  a gt  dynamically  i e  when the user clicks on specific image in the website     So from    lt a gt Link lt  a gt    I need to go to    lt a href  somelink url  gt Link lt  a gt

User · Answer

document getElementById  link-id   href    new-href       I know this is an old post  but here s a one-liner that might be more suitable for some folks

User · Answer

First  try changing  lt a gt Link lt  a gt  to  lt span id test gt  lt a gt Link lt  a gt  lt  span gt    Then  add something like this in the javascript function that you re calling   var abc    somelink   document getElementById  test   innerHTML     lt a href      abc      gt Link lt  a gt      This way the link will look like this    lt a href  somelink  gt Link lt  a gt

User · Answer

var a   document getElementById  yourlinkId      or grab it by tagname etc a href    somelink url

User · Answer

I assume you know how to get the DOM object for the  lt a gt  element  use document getElementById or some other method    To add any attribute  just use the setAttribute method on the DOM object   a   document getElementById       a setAttribute  href    somelink url

User · Answer

More actual solution   lt a id  quot someId quot  gt Link lt  a gt   const a   document querySelector   someId    a href    url

[javascript] How can I add "href" attribute to a link dynamically using JavaScript?

Examples related to javascript

Examples related to html