Home/ Questions/Q 7007589
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T21:37:36+00:00

Given the following HTML: <html> <head> <link href=http://example.com/g/8c rel=shortlink /> </head> <body></body> </html> How

  • 0

Given the following HTML:

<html>
  <head>
    <link href="http://example.com/g/8c" rel="shortlink" />
  </head>
  <body></body>
</html>

How would I retrieve the contents of href=”” in the link, rel=shortlink with javascript? I don’t know if such items in the head are accessible in the DOM.

The head-tag may contain more link-tags, for assets such as css. The head-tag may contain more then one link-shortlink (as per HTML5 ‘specs’), in that case, just pick the first.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use document.head to get the head, and then use getElementsByTagName to get the link tags.

    var links = document.head.getElementsByTagName('link');
for(var link in links){
    if(links.hasOwnProperty(link)){
        var l = links[link];
        if(l.rel === 'shortlink'){
          console.log(l.href);
        }
    }
}

    NOTE: document.head might not work in all browsers (by that, I mean it might not work in IE). If it’s not working try this:

    document.head = document.head || document.getElementsByTagName('head')[0];
    • 0