How do I add target blank to a link within a specified div

Question

Let s say I have the following code    lt div id  link other  gt       lt ul gt           lt li gt  lt a href  http   www google com   gt google lt  a gt  lt  li gt           lt li gt               lt div class  some class  gt                  dsalkfnm sladkfm                  lt a href  http   www yahoo com   gt yahoo lt  a gt               lt  div gt           lt  li gt       lt  ul gt   lt  div gt    In this case  the JavaScript would add target   blank  to all links within the div link other   How can I do that using JavaScript

User · Answer

I use this for every external link   window onload   function      var anchors   document getElementsByTagName  a      for  var i 0  i lt anchors length  i         if  anchors i  hostname    window location hostname            anchors i  setAttribute  target     blank

User · Answer

Bear in mind that doing this is considered bad practice in general by web developers and usability experts  Jakob Nielson has this to say about removing control of the users browsing experience      Avoid spawning multiple browser windows if at all possible     taking the  Back  button away from users can make their experience so painful that it usually far outweighs whatever benefit you re trying to provide  One common theory in favor of spawning the second window is that it keeps users from leaving your site  but ironically it may have just the opposite effect by preventing them from returning when they want to    I believe this is the rationale for the target attribute being removed by the W3C from the XHTML 1 1 spec   If you re dead set on taking this approach  Pim Jager s solution is good   A nicer  more user friendly idea  would be to append a graphic to all of your external links  indicating to the user that following the link will take them externally    You could do this with jquery      a href   http        each function             lt img width  10px  height  10px  src   images skin external png  alt  External Link    gt    appendTo this

User · Answer

here are two different ways to do this      using jquery    document  ready function          link other a   attr  target     blank            not using jquery window onload   function      var anchors   document getElementById  link other   getElementsByTagName  a      for  var i 0  i lt anchors length  i         anchors i  setAttribute  target     blank             jquery is prettier   -    You could also add a title tag to notify the user that you are doing this  to warn them  because as has been pointed out  it s not what users expect       link other a   attr  target     blank   attr  title   This link will open in a new window

User · Answer

Use this for every external link     a href   http       a href   https        attr  target     blank

User · Answer

Inline       link other   find  a   attr  target    blank

User · Answer

Using jQuery        link other a   each function        this  attr  target     BLANK

User · Answer

Non-jquery      Very old browsers    var linkList   document getElementById  link other   getElementsByTagName  a        New browsers  IE8   var linkList   document querySelectorAll   link other a     for var i in linkList    linkList i  setAttribute  target     blank

[javascript] How do I add target="_blank" to a link within a specified div?

Examples related to javascript

Examples related to hyperlink

Examples related to external-links