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

时间:2016-10-09 17:39:34

标签: javascript jquery html attributes selector

我在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")

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:-1)

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;
&#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;
&#13;
&#13;