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

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

HTML:

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

当前回答

function getMetaContentByName(name,content){
   var content = (content==null)?'content':content;
   return document.querySelector("meta[name='"+name+"']").getAttribute(content);
}

以这种方式使用:

getMetaContentByName("video");

本页上的例子:

getMetaContentByName("twitter:domain");

2014-02-15 14:44:15

其他回答

供参考，根据https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta全局属性是有效的，这意味着id属性可以与getElementById一起使用。

2019-01-13 04:36:43

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

我的函数变体:

const getMetaValue = (name) => {
  const element = document.querySelector(`meta[name="${name}"]`)
  return element?.getAttribute('content')
}

2020-04-18 13:53:42

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

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

2021-04-12 18:16:33

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

推荐文章

最新文章

标签