[html] JavaScript로 메타 태그에서 정보를 얻으려면 어떻게해야합니까?

Html / 글쓴이

필요한 정보는 메타 태그에 있습니다. "content"메타 태그 의 데이터에 액세스하려면 어떻게 property="video"해야합니까?

HTML :

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

답변

이것을 사용할 수 있습니다 :

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

답변

다른 답변은 아마도 트릭을 수행해야하지만 이것은 더 간단하고 jQuery가 필요하지 않습니다.

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

원래 질문 은 속성이 있는 RDFa 태그를 사용했습니다 property="". 일반적인 HTML <meta name="" …>태그의 경우 다음과 같은 것을 사용할 수 있습니다.

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

답변

여기에 답을 읽기가 어렵습니다. 하나의 라이너

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

답변

더 쉬운 방법이 있습니다 :

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

답변

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

이런 식으로 사용 :

getMetaContentByName("video");

이 페이지의 예는 다음과 같습니다.

getMetaContentByName("twitter:domain");

답변

JQuery를 사용하는 경우 다음을 사용할 수 있습니다.

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

답변

Jquery에서는 다음을 사용하여이를 달성 할 수 있습니다.

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

JavaScript에서는 다음을 사용하여이를 달성 할 수 있습니다.

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