[html] JavaScript로 메타 태그에서 정보를 얻으려면 어떻게해야합니까?
필요한 정보는 메타 태그에 있습니다. "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');