通过JS动态设置网页中H1标签中的内容为title标题

我的需求是需要基于页面中的h1元素中包含的文本来更改页面的标题标签。
我一直在搜索，并且找到了Javascript函数“ document.title”。我一直在尝试，尝试从具有“ Category-H1”类的h1元素中提取文本。
但是，它只是将页面标题设置为“ [object HTMLCollection]”，据我所知这是一个空值。
正确来说[object HTMLCollection]不是空值-它是html元素集合的字符串表示形式，可以从中获取需要的值。

以下是实例代码：
<html><head>
<meta charset="utf-8">
<title>我是集源码原标题WWW.520YM.NET</title>
</head>
<body>
<h1>我会被作为title标题使用</h1>

<script>
    document.title = document.getElementsByTagName('h1') [0] .innerHTML;
</script>

</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容