How to change href of a tag on button click through javascript

Question

How to change the href attribute value of an  lt a  gt  tag through Javascript on button click     lt script type  text javascript  gt    function f1           document getElementById  abc   href  xyz php         lt  script gt    lt a href    id  abc  gt jhg lt  a gt   lt a href    id    onclick  f1    gt jhhghj lt  a gt

User · Answer

Here s my take on it  I needed to create a URL by collecting the value from a text box   when the user presses a Submit button    x000D   x000D   lt html gt  x000D   lt body gt  x000D   x000D  Hi everyone x000D   x000D   lt p id  result  gt  lt  p gt  x000D   x000D   lt textarea cols  40  id  SearchText  rows  2  gt  lt  textarea gt  x000D   x000D   lt button onclick  myFunction    type  button  gt Submit  lt  button gt  x000D   x000D   lt script gt  x000D  function myFunction     x000D      var result   document getElementById  SearchText   value  x000D   document getElementById  result   innerHTML   result  x000D   document getElementById  abc   href  http   arindam31 pythonanywhere com hello     result  x000D      x000D   lt  script gt  x000D   x000D   x000D   lt a href     id  abc  gt abc lt  a gt  x000D   x000D   lt  body gt  x000D   lt html gt  x000D   x000D   x000D

User · Answer

I know its bit old post  Still  it might help some one   Instead of  tag if possible you can this as well     lt script type  text javascript  gt          function IsItWorking                  Do your stuff here                 alert  YES  It Works                         lt  script gt            lt asp HyperLinkID  Link1 NavigateUrl  javascript IsItWorking                  runat  server  gt IsItWorking  lt  asp HyperLink gt     Any comments on this

User · Answer

lt a href     id  a  onclick  ChangeHref    gt 1 Change 2 Go lt  a gt    lt script gt  function ChangeHref    document getElementById  a   setAttribute  onclick    location href  http   religiasatanista ro        lt  script gt

User · Answer

remove href attribute    lt a id    onclick  f1    gt jhhghj lt  a gt    if link styles are important then    lt a href  javascript void f1     gt jhhghj lt  a gt

User · Answer

Exactly what Nick Carver did there but I think it would be best if used the DOM setAttribute method    lt script type  text javascript  gt     document getElementById  myLink   onclick   function        var link   document getElementById  abc       link setAttribute  href    xyz php       return false        lt  script gt    It s one extra line of code but find it better structure-wise

User · Answer

To have a link dynamically change on clicking it    lt input type  text  id  emailOfBookCustomer  style  direction RTL   gt  lt  input gt           lt a           onclick  this href   lt    request getContextPath     gt  Jahanpay forwardTo jsp handle  lt    handle   gt  amp Email     document getElementById  emailOfBookCustomer   value   href    gt      A dynamic link               lt  a gt

User · Answer

lt script type  quot text javascript quot  gt    function f1 mHref          document getElementById  quot abc quot   href mHref        lt  script gt    lt a href  quot  quot  id  quot abc quot  gt jhg lt  a gt   lt button onclick  quot f1  quot dynamicHref quot   quot  gt Change HREF lt  button gt   Just give the dynamic HREF in Paramters

User · Answer

Without having a href  the click will reload the current page  so you need something like this    lt a href     onclick  f1    gt jhhghj lt  a gt    Or prevent the scroll like this    lt a href     onclick  f1    return false   gt jhhghj lt  a gt    Or return false in your f1 function and    lt a href     onclick  return f1     gt jhhghj lt  a gt        or  the unobtrusive way    lt a href     id  abc  gt jhg lt  a gt   lt a href     id  myLink  gt jhhghj lt  a gt    lt script type  text javascript  gt    document getElementById  myLink   onclick   function         document getElementById  abc   href  xyz php        return false        lt  script gt

[javascript] How to change href of <a> tag on button click through javascript

Examples related to javascript

Examples related to href

Examples related to attr