获取链接标签的内容与JavaScript - 不是CSS

Question

假设我有

<LINK rel="Index" href="index.html"> 
<LINK rel="Next" href="Chapter3.html"> 
<LINK rel="Prev" href="Chapter1.html"> 

有谁知道这些都是通过JavaScript的DOM访问（从W3网站取试样）？

我想知道如果我在HTML文档中有这样的链接标签，它们是否像主文档一样被读取并添加到DOM，以及我是否也可以访问它们的DOM。

Answer 1

试试这个 - http://jsfiddle.net/TpTsJ/（第2是的jsfiddle链接 - 你不会有他们在您的网页上）

var links = document.getElementsByTagName("link"); 
for (var i = 0; i < links.length; i++) { 
    alert(links[i].getAttribute("rel") + ' : ' + links[i].getAttribute("href"));   
}​ 

Answer 2

我有这样的代码：

<script type="text/javascript"> 
var your_url = 'http://www.example.com'; 
</script> 

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script> 
<script type="text/javascript"> 
// jquery.xdomainajax.js ------ from padolsey 

jQuery.ajax = (function(_ajax){ 

    var protocol = location.protocol, 
     hostname = location.hostname, 
     exRegex = RegExp(protocol + '//' + hostname), 
     YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?', 
     query = 'select * from html where url="{URL}" and xpath="*"'; 

    function isExternal(url) { 
     return !exRegex.test(url) && /:\/\//.test(url); 
    } 

    return function(o) { 

     var url = o.url; 

     if (/get/i.test(o.type) && !/json/i.test(o.dataType) && isExternal(url)) { 

      // Manipulate options so that JSONP-x request is made to YQL 

      o.url = YQL; 
      o.dataType = 'json'; 

      o.data = { 
       q: query.replace(
        '{URL}', 
        url + (o.data ? 
         (/\?/.test(url) ? '&' : '?') + jQuery.param(o.data) 
        : '') 
       ), 
       format: 'xml' 
      }; 

      // Since it's a JSONP request 
      // complete === success 
      if (!o.success && o.complete) { 
       o.success = o.complete; 
       delete o.complete; 
      } 

      o.success = (function(_success){ 
       return function(data) { 

        if (_success) { 
         // Fake XHR callback. 
         _success.call(this, { 
          responseText: data.results[0] 
           // YQL screws with <script>s 
           // Get rid of them 
           .replace(/<script[^>]+?\/>|<script(.|\s)*?\/script>/gi, '') 
         }, 'success'); 
        } 

       }; 
      })(o.success); 

     } 

     return _ajax.apply(this, arguments); 

    }; 

})(jQuery.ajax); 



$.ajax({ 
    url: your_url, 
    type: 'GET', 
    success: function(res) { 
     var text = res.responseText; 
     // then you can manipulate your text as you wish 
     alert(text); 
    } 
}); 

</script>