如何从带有JavaScript的元标记中获取信息？

Question

我需要的信息是元标记.如何"content"在何时访问元标记的数据property="video"？

HTML:

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

Answer 1

其他答案可能应该做的伎俩,但这个更简单,不需要jQuery:

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

Answer 2

你可以用这个:

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'));

Answer 3

这里有很多难以理解的答案.这里有一个班轮

document.querySelector("meta[property='og:image']").getAttribute("content");

Answer 4

有一种更简单的方法:

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

Answer 5

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

以这种方式使用:

getMetaContentByName("video");

此页面上的示例:

getMetaContentByName("twitter:domain");

Answer 6

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

Answer 7

在Jquery中,你可以通过以下方式实现:

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

在JavaScript中,您可以通过以下方式实现:

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

Answer 8

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

这样你就可以获得元的内容。

Answer 9

方式- [ 1 ]

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

您可能会收到错误消息：Uncaught TypeError: Cannot read property 'getAttribute' of null

方式- [ 2 ]

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

您可能会收到错误消息：Uncaught TypeError: Cannot read property 'getAttribute' of null

方式- [ 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'));

而不是得到错误，你得到null，那很好。

Answer 10

简单的一个，对吧？

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