JavaScript - 提取文档元字段的最快方法

Question

我需要提取文档的“描述”元标记。

默认方法是使用 document.getElementsByTagName('META') ，然后迭代数组 - 如： http://www.rgagnon.com/jsdetails/js-0070.html

但我想知道是否没有其他更快的“一行代码”方法。 我不熟悉 xPath - 但也许这可行？ 有任何想法吗？

Answer 1

当然...

var desc = document.getElementsByName('description')[0].getAttribute('content');

这假设有一个名为“描述”的元标记。

为了更完整，无论大小写，这都会捕获描述。

function getDesc(){
  var metas = document.getElementsByTagName('meta');
  for(var i=0;mLen=metas.length;i<mLen;i++){
    if(metas[i].getAttribute('name').toLowerCase() == 'description'){
      return metas[i].getAttribute('content');
    }
  }
  return null;//or empty string if you prefer
}
var desc = getDesc();

Answer 2

您可以使用 XPath 来完成此操作（在支持 document.evaluate 的客户端中），但这可能有点过头了：

document.evaluate('//*[@name="description"]', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotItem(0);

Answer 3

Scunliffe，我认为你的建议肯定会成功，至少多行函数会。

我想出了一个不能在 Webkit（Chrome + Safari）上运行但非常紧凑的解决方案：

var metas = document.getElementsByTagName('META');
var value = (metas.namedItem ("description") || metas.namedItem ("Description") || metas.namedItem ("DESCRIPTION") || {}).content;

这将利用 NodeList 对象上的 nameItem() 函数，寻找其他程序员编写“描述”的最可能的方式。 请注意，这将检索标签属性的值，同时忽略属性名称的大小写：

<meta name="description" content="my description" />
<meta NAME="Description" CoNtEnT="my description" />

但是唉（Oy Vey）nameItem() 不适用于 Safari 和 Safari。 Chrome :-( 也许这些浏览器有另一种方法......

Answer 4

它还取决于您所说的“最快”是什么意思 - 您是指您可以编写的最短代码，还是浏览器的最快响应？

为了获得最快的响应，只需查看 head 元素中的元元素，然后选择任何名称为“description”的元素。

{
  var s=[], metas=document.getElementsByTagName('head')[0].getElementsByTagName('meta');
  for(var i=0,L=metas.length;i<L;i++){
    if(metas[i].name=='description')s[s.length]=metas[i].content;
  }
  s= s.join(',');
}