在javascript中获取元数据属性

Question

我无法从元标记中检索信息。我试图从网站上获取一个img src并且无法弄明白。这是我想要做的一个例子。

<meta property="og:image" content="http://foo.jpg">
var image = document.querySelector('meta[property="og:image"]').getAttribute('content');

我试过这个，但它没有用。有什么想法吗？

Answer 1

meta个元素并不特殊，您可以查询它们并以正常方式获取它们的属性。

在这种情况下，以下是您从第一个content元素获取meta[property="og:image"]属性值的方法：

var element = document.querySelector('meta[property~="og:image"]');
var content = element && element.getAttribute("content");

所有现代浏览器以及IE8都支持

querySelector。