html - JavaScript ile bir meta etiketinden bilgiyi nasıl alabilirim?

İhtiyacım olan bilgi bir meta etiketinde. property="video" olduğunda meta etiketinin "content" verisine nasıl erişebilirim?

HTML:

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

Cevap #1

Diğer cevaplar muhtemelen işe yarayacaktır, ama bu daha basit ve jQuery gerektirmez:

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

Orijinal soru, property="" özniteliğine sahip bir RDFa etiketi kullanıyordu. Normal HTML <meta name="" …> etiketleri için şuna benzer bir şey kullanabilirsiniz:

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

Cevap #2

Bunu kullanabilirsiniz:

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

Cevap #3

Buraya tek satır

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

Cevap #4

Daha kolay bir yol var:

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

Cevap #5

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

Bu şekilde kullanılır:

getMetaContentByName("video");

Bu sayfadaki örnek:

getMetaContentByName("twitter:domain");

Cevap #6

Eğer JQuery kullanıyorsanız, şunu kullanabilirsiniz:

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

Cevap #7

Bunu Jquery ile şu şekilde gerçekleştirebilirsiniz:

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

JavaScript'te bunu şu şekilde gerçekleştirebilirsiniz:

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

Cevap #8

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

bu şekilde meta içeriğini alabilirsiniz.

İlgili makaleler