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

JavaScript014

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

我的需求是需要基于页面中的h1元素中包含的文本来更改页面的标题标签。

我一直在搜索,并且找到了Javascript函数“ document.title”。我一直在尝试,尝试从具有“ Category-H1”类的h1元素中提取文本。

但是,它只是将页面标题设置为“ [object HTMLCollection]”,据我所知这是一个空值。

正确来说[object HTMLCollection]不是空值-它是html元素集合的字符串表示形式,可以从中获取需要的值。

方案:

第一种:通过label定义的id获取dom节点,然后修改label的值

第二种:通过label标签获取dom节点,然后修改label的值

示例:

1

2

3

4

5

6

<body>

<label id='test'>1</label>

</body>

<script>

document.getElementById('test').innerHTML = '2'//通过id获取label,修改值为2

</script>