我如何从一个元标签与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 getMeta(metaName) {
  const metas = document.getElementsByTagName('meta');

  for (let i = 0; i < metas.length; i++) {
    if (metas[i].getAttribute('name') === metaName) {
      return metas[i].getAttribute('content');
    }
  }

  return '';
}

console.log(getMeta('video'));

2011-09-23 05:25:15

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

2021-06-21 17:15:40

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

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

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

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

2013-03-29 16:51:22

复杂网站和元数据的问题是元标签并不总是有itemprop属性。在某些情况下，它们只有itemprop而没有name属性。

使用这个脚本，您可以获得带有itemprop属性的所有元数据并打印其内容。

  const allMeta = document.getElementsByTagName("meta");
    
  for (let i = 0; i < allMeta .length; i++) {
      if( allMeta [i].getAttribute("itemprop") != null){
        console.log( allMeta [i].getAttribute("itemprop")+":"+allMeta [i].getAttribute('content') );
      }
  }

2022-09-15 10:22:53

有一个更简单的方法:

document.getElementsByName('name of metatag')[0].getAttribute('content')

2016-05-30 18:19:14

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

推荐文章

最新文章

标签