如何在 JavaScript 中检索 meta 属性 og 的内容？

Question

我在 HTML 代码中有以下内容：

<meta name="citation_journal_title" content="Psychological Bulletin" />

使用以下方法很容易获取内容：

document.getElementsByName("citation_journal_title")[0].getAttribute("content")

但是，我无法处理这个：

<meta property="og:site_name" content="APA PsycNET" />

如何检索 og:site_name 的内容？我知道这个问题如何从带有 javascript 的元标记中获取信息？但我正在寻找像

这样非常简单的东西

document.getElementsByName("citation_journal_title")[0].getAttribute("content")

Answer 1

在Jquery中，可以使用attr()

$('meta[property="og:site_name"]').attr('content')

在JavaScript中，可以使用querySelector

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

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

参考资料

console.log($('meta[property="og:site_name"]').attr('content'));

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<meta property="og:site_name" content="APA PsycNET" />

Answer 2

您需要使用属性选择器 [attr=value] 来完成这项工作。在querySelector()中像这样使用它

var attr = document.querySelector("meta[property='og:site_name']").getAttribute("content");
console.log(attr);

<meta property="og:site_name" content="APA PsycNET" />

如何在 JavaScript 中检索 meta 属性 og 的内容？

How do I retrieve the content of meta property og in JavaScript?

html

javascript

jquery

attributes

selector