使用 JavaScript 更改表单中 h1 元素的值答案

【问题标题】：Change the Value of h1 Element within a Form with JavaScript使用 JavaScript 更改表单中 h1 元素的值
【发布时间】：2012-03-20 17:19:36
【问题描述】：

我在一个 HTML5 页面上有两个表单。每个表单都有一个名称和一个 ID。第二种形式有一个 h1 元素，它也有一个名称和一个 ID。如何使用纯 JavaScript 在第二个表单上更改此 h1 元素的文本？

【问题讨论】：

【解决方案1】：

你也可以用这个

document.querySelector('yourId').innerHTML = 'Content';

【讨论】：

【解决方案2】：

您可以通过这种方式使用常规 JavaScript 来做到这一点：

document.getElementById('h1_id').innerHTML = 'h1 content here';

innerHTML 属性说明：

包含元素后代的 HTML 序列化的 DOMString。设置 innerHTML 的值会移除所有元素的后代，并将其替换为通过解析字符串 htmlString 中给出的 HTML 构造的节点。

【讨论】：

【解决方案3】：

您可以尝试以下方法：

document.getElementById("your_h1_id").innerHTML = "your new text here"

【讨论】：

【解决方案4】：

试试：


document.getElementById("yourH1_element_Id").innerHTML = "yourTextHere";

【讨论】：

【解决方案5】：

document.getElementById("myh1id").innerHTML = "my text"

【讨论】：

【解决方案6】：

你可以使用这个：document.getElementById('h1_id').innerHTML = 'the new text';

【讨论】：