使用JavaScript将特定字符串插入到页面元标签的方法
我需要这个来进行SEO优化。我正在处理的网站上有一小部分页面是动态生成的，但它们的元数据非常通用 - 即使这5个（不同的）页面具有相对不同的内容，它们的标题和描述也是相同的，我想要避免这种情况。
我想要通过JavaScript将特定页面的内容插入到其元标签中。
页面的结构如下：
<html>
<head>
<title>这是我想要替换的当前标题</title>
<meta name="description" content="这是我想要替换的当前描述。">
</head>
<body>
<h1>文章标题</h1>
<div class="intro">
<p>这里是简介文本</p>
</div>
<div class="content">
<p>这里是内容</p>
<p>更多内容</p>
<p>还有更多内容</p>
</div>
</body>
</html>
我想要注入以下内容：
".intro"（在这个例子中是"这里是简介文本"） -> 到页面的元描述
和
"h1"（在这个例子中是"文章标题"） -> 到页面的元标题
使最终结果看起来像这样：
<head> <title>文章标题</title> <meta name="description" content="这里是简介文本。"> </head>
由于我的JavaScript技能有限，目前我只能通过以下方式更改页面的标题和元描述：
document.title = "文章标题";
document.getElementsByTagName('meta')["description"].content = "这里是简介文本。";
显然，这种方式过于静态，无法从页面内容中获取任何数据。
我该如何修改上述两行代码，以便将所需的字符串注入到元标题和描述中？
