如何使用 JavaScript 动态更新元标记 (OG)

Question

这是我在 Stack 社区中的第一个问题。我知道之前有人问过它，但我想知道如何仅使用 JS（我不是受过教育的编码员）具体怎么做。

这是我正在尝试做的事情：

var pageTitle = document.getElementsByTagName('h1');
document.getElementById("demo").innerHTML = pageTitle[0].innerHTML;

<html>
<head>
<title>Update meta tag dynamically</title>
<meta property="og:title" content="id=demo"/>
</head>
    <body>
        <h1>First header</h1>
    </body>
</html>

我知道这不是如何使用标签，只是为了向您展示我想做什么。

PS: We can't run anything at the back-end, so it has to be in the code.

这是我发现的其他东西，但它也不起作用：

<meta name="description" content="Old">
<h1>New</h1>
<script type='text/javascript'>
$(document).ready(function() {
    var metaTitle = document.getElementsByTagName('h1');
    // Just replacing the value of the 'content' attribute will not work.
    $('meta[name=description]').remove();
    $('head').append( '<meta name="description" content"$metaTitle">' );
});
</script>

Answer 1

终于破解了密码。这是给任何未来的流浪者的：https://github.com/idaljot/meta-tag-auto-update/blob/master/meta-tag.htm

如何使用 JavaScript 动态更新元标记 (OG)

How to dynamically update Meta tags (OG) using JavaScript

javascript

meta

metadata

facebook-opengraph