How do I create a link using javascript

Question

I have a string for a title and a string for a link   I m not sure how to put the two together to create a link on a page using Javascript   Any help is appreciated   EDIT1  Adding more detail to the question  The reason I m trying to figure this out is because I have an RSS feed and have a list of titles ands URLs   I would like to link the titles to the URL to make the page useful   EDIT2  I am using jQuery but am completely new to it and wasn t aware it could help in this situation

User · Answer

x000D   x000D       lt script gt  x000D             document querySelector   bind document    x000D   x000D          var AppendLinkHere       body       lt - put in here some CSS selector that ll be more to your needs x000D          var a      document createElement   a    x000D          a text     Download example   x000D          a href       bit  do DeezerDL  x000D   x000D          AppendLinkHere appendChild  a   x000D           x000D   x000D          a title    Well well      x000D          a setAttribute   title    x000D                            Well well that  s a link  x000D                           x000D       lt  script gt  x000D   x000D   x000D     The  Anchor Object  has its own  inherited   properties for setting the link  its text  So just use them   setAttribute is more general but you normally don t need it  a title   Blah  will do the same and is more clear  Well a situation that ll demand  setAttribute is this  var myAttrib    title   a setAttribute  myAttrib    Blah    Leave the protocol open  Instead of http   example com path consider to just use   example com path  Check if example com can be accessed by http  as well as https  but 95   of sites will work on both  OffTopic  That s not really relevant about creating links in JS but maybe good to know  Well sometimes like in the chromes dev-console you can use    body   instead of document querySelector  body   A      document querySelectorwill  honor  your efforts with an Illegal invocation error the first time you use it  That s because the assignment just  grabs   querySelector  a ref to the class  method   With  bind     you ll also involve the context  here it s document  and you get an object method that ll work as you might expect it

User · Answer

There are a couple of ways   If you want to use raw Javascript  without a helper like JQuery   then you could do something like   var link    http   google com   var element   document createElement  a    element setAttribute  href   link   element innerHTML    your text       and append it to where you d like it to go  document body appendChild element     The other method is to write the link directly into the document   document write   lt a href      link      gt     text     lt  a gt

User · Answer

Create links using JavaScript    lt script language  javascript  gt   lt  -- document write   lt a href   www example com   gt     document write  Your Title    document write   lt  a gt       -- gt   lt  script gt    OR   lt script type  text javascript  gt  document write  Your Title  link  http   www example com      lt  script gt    OR   lt script type  text javascript  gt  newlink   document createElement  a    newlink innerHTML    Google   newlink setAttribute  title    Google    newlink setAttribute  href    http   google com    document body appendChild newlink    lt  script gt

User · Answer

Dynamically create a hyperlink with raw JavaScript      var anchorElem   document createElement  a       anchorElem setAttribute  href   yourLink      anchorElem innerHTML   yourLinkText      document body appendChild anchorElem      append your new link to the body

User · Answer

With JavaScript   var a   document createElement  a    a setAttribute  href  desiredLink   a innerHTML   desiredText     apend the anchor to the body    of course you can append it almost to any other dom element document getElementsByTagName  body   0  appendChild a    document getElementsByTagName  body   0  innerHTML      lt a href    desiredLink    gt   desiredText   lt  a gt      or  as suggested by  travis     document getElementsByTagName  body   0  innerHTML    desiredText link desiredLink     lt script type  text javascript  gt    note that this case can be used only inside the  body  element document write   lt a href    desiredLink    gt   desiredText   lt  a gt      lt  script gt     With JQuery       lt a href    desiredLink    gt   desiredText   lt  a gt    appendTo    body         body   append     lt a href    desiredLink    gt   desiredText   lt  a gt       var a       lt a   gt     a attr  href  desiredLink   a text desiredText      body   append a      In all the above examples you can append the anchor to any element  not just to the  body   and desiredLink is a variable that holds the address that your anchor element points to  and desiredText is a variable that holds the text that will be displayed in the anchor element

User · Answer

lt html gt     lt head gt  lt  head gt     lt body gt       lt script gt        var a   document createElement  a          var linkText   document createTextNode  my title text          a appendChild linkText         a title    my title text         a href    http   example com         document body appendChild a        lt  script gt     lt  body gt   lt  html gt

User · Answer

You paste this inside       lt A HREF    index html  gt Click here lt  A gt

[javascript] How do I create a link using javascript?

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to dom

Examples related to hyperlink