javascript - 动态更改元数据 - 没有 jquery

Question

I found this link关于使用 jQuery 更改元数据 $("meta[property='og\\:title']").attr("content", result.title);,
但是可以用直接的 javascript 来完成吗？

我知道您可以像这样访问 items 属性 document.getElementById("myimage").setAttribute("src","another.gif"),
但我似乎无法更改元数据。

我正在尝试动态更改 Facebook 的元数据。

<meta property="fb:app_id" content="*************" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:type" content="" />
<meta property="og:image" content="" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />

Answer 1

假设您要修改的 meta 标记位于列表中的第一个，您可以执行以下操作:

var metaFB = document.getElementsByTagName("meta")[0];

现在您可以根据自己的喜好修改属性。

编辑:正如@Jamiec 指出的那样，即使它不是列表中的第一个，您也可以指定位置。如果您不知道在哪里，可以迭代元素检查属性:

var metaList = document.getElementsByTagName("meta");
for (var i = 0; i < metaList.length; i++) {
    if (metaList[i].getAttribute("property") == "fb:app_id") {
        metaList[i].content = "somenewcontent";
    }
}