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

Question

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

Answer 1

尝试：

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

Answer 2

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

Answer 3

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

Answer 4

您可以尝试以下方法：

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

Answer 5

您可以通过常规JavaScript进行以下操作：

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

这里是getElementById和innerHTML property的文档。

innerHTML属性描述：

  

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

Answer 6

您也可以使用此

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