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

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

querySelector。

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

<强>参考

＆＃13;

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

＆＃13;

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

＆＃13;

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

2 个答案: