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

Question

I have two forms on an HTML5 page. Each form has a name and an id. The second form has an h1 element, which also has a name and an id. How do I change the text of this h1 element on the second form using plain JavaScript?

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

你也可以使用这个

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

Answer 6

You can do it with regular JavaScript this way:

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

Here is the doc for getElementById and the innerHTML property .

The innerHTML property description:

A DOMString containing the HTML serialization of the element's descendants. Setting the value of innerHTML removes all of the element's descendants and replaces them with nodes constructed by parsing the HTML given in the string htmlString.

Answer 7

You should use the textContent property as a best practice. The innerHTML property changes everything inbetween the h1 tags, which could mean that if there was something else between the h1 tags, like an emphasis or strong tag it would disappear. textContent would only change the text of the header. It's probably not a big deal for your h1 but it may make a difference knowing the difference in the future.

document.getElementById('h1_id').textContent = 'h1 content';