我如何从一个元标签与JavaScript的信息?

我需要的信息在一个元标签中。当属性=“视频”时，我如何访问元标签的“内容”数据?

HTML:

<meta property="video" content="http://video.com/video33353.mp4" />

当前回答

<html>
<head>
<meta property="video" content="http://video.com/video33353.mp4" />
<meta name="video" content="http://video.com/video33353.mp4" />
</head>
<body>

<script>
var meta = document.getElementsByTagName("meta");
    size = meta.length;

for(var i=0; i<size; i++) {
    if (meta[i].getAttribute("property") === "video") {
        alert(meta[i].getAttribute("content"));
    }
}
meta = document.getElementsByTagName("meta")["video"].getAttribute("content");
alert(meta);
</script>
</body>
</html>

Demo

2019-12-09 13:15:45

其他回答

在Jquery中，你可以实现这一点:

$("meta[property='video']");

在JavaScript中，你可以通过以下方法实现:

document.getElementsByTagName('meta').item(property='video');

2013-03-29 16:51:22

将所有元值复制到缓存对象:

/* <meta name="video" content="some-video"> */

const meta = Array.from(document.querySelectorAll('meta[name]')).reduce((acc, meta) => (
  Object.assign(acc, { [meta.name]: meta.content })), {});

console.log(meta.video);

2021-01-29 10:27:48

路- [1]

function getMetaContent(property, name){
    return document.head.querySelector("["+property+"="+name+"]").content;
}
console.log(getMetaContent('name', 'csrf-token'));

你可能会得到错误: 无法读取属性“getAttribute”为空

路- [2]

function getMetaContent(name){
    return document.getElementsByTagName('meta')[name].getAttribute("content");
}
console.log(getMetaContent('csrf-token'));

你可能会得到错误: 无法读取属性“getAttribute”为空

路- [3]

function getMetaContent(name){
    name = document.getElementsByTagName('meta')[name];
    if(name != undefined){
        name = name.getAttribute("content");
        if(name != undefined){
            return name;
        }
    }
    return null;
}
console.log(getMetaContent('csrf-token'));

而不是得到error，得到null，这很好。

2018-01-07 11:11:50

document.querySelector('meta[property="video"]').content

这样你就可以得到元数据的内容。

2021-04-12 18:16:33

最简单的方式

我们可以直接使用一行来获得标题部分的元描述或关键字或任何元标记，如下所示:

document.head.getElementsByTagName('meta')['description'].getAttribute('content');

只需将['description']更改为关键字或元名称rang的元素

这是一个例子: 使用文档。获取元名称值

2022-02-26 20:39:28

我如何从一个元标签与JavaScript的信息?

推荐文章

最新文章

标签