如何在 JavaScript 中检索元属性 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 的内容？ 我知道 How do I get the information from a meta tag with javascript? 的问题，但我正在寻找一些非常简单的东西，比如

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

Answer 1

您需要使用属性选择器[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" />

Answer 2

在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);

参考文献

• How querySelector works?
• w3schools article for querySelector
• Attribute Contains Selector

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" />