在javascript中获取元数据属性

我在从元标记检索信息时遇到问题。我正在尝试从网站获取 img src，但不太明白。这是我正在尝试做的一个例子。

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

我已经尝试过这个，但它不起作用。有任何想法吗？

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

在这种情况下，您可以通过以下方式获得content从第一个属性值meta[property="og:image"]元素：

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

querySelector所有现代浏览器都支持，IE8 也支持。

请注意，content属性也可以作为反射属性使用，因此您可以使用.content而不是.getAttribute("content"):

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

在现代 JavaScript 中，您可以使用可选的链接运算符 (?.) 结合这两个语句：

const content = document.querySelector('meta[property~="og:image"]')?.content;
// −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−^

如果没有找到该元素，content将得到该值undefined;否则，它将获取反射属性的值（即属性值）。