我如何从一个元标签与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

其他回答

function getDescription() {
    var info = document.getElementsByTagName('meta');
    return [].filter.call(info, function (val) {
        if(val.name === 'description') return val;
    })[0].content;
}

版本更新:

function getDesc() {
    var desc = document.head.querySelector('meta[name=description]');
    return desc ? desc.content : undefined;
}

2015-07-22 03:46:04

其他答案应该可以做到这一点，但这一个更简单，不需要jQuery:

document.head.querySelector("[property~=video][content]").content;

最初的问题使用了带有property=""属性的RDFa标记。对于正常的HTML <meta name=""…>标签，您可以使用如下内容:

document.querySelector('meta[name="description"]').content

2016-02-26 10:20:39

document.head.querySelector(“元[属性=视频]”).content;

2021-06-21 17:15:40

最简单的方式

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

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

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

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

2022-02-26 20:39:28

如果您对获得所有元标记的更深远的解决方案感兴趣，可以使用这段代码

function getAllMetas() {
    var metas = document.getElementsByTagName('meta');
    var summary = [];
    Array.from(metas)
        .forEach((meta) => {
            var tempsum = {};
            var attributes = meta.getAttributeNames();
            attributes.forEach(function(attribute) {
                tempsum[attribute] = meta.getAttribute(attribute);
            });
            summary.push(tempsum);
        });
    return summary;
}

// usage
console.log(getAllMetas());

2020-06-08 13:34:36

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

推荐文章

最新文章

标签