js更改标签内容 innerHTML innerText

在JavaScript中，可以使用innerHTML和innerText属性来更改标签的内容。

innerHTML属性用于获取或设置HTML元素的内容，包括标签和标签内的文本。通过设置innerHTML属性，可以替换整个元素的内容。

例如，在HTML中有如下标签：

<div id="myDiv">
  <h1>Hello, World!</h1>
</div>

要更改<h1>标签内的文本，可以使用innerHTML属性：

var myDiv = document.getElementById("myDiv");
myDiv.innerHTML = "<h1>New Content</h1>";

执行上述JavaScript代码后，<h1>标签的内容将被替换为"New Content"。

innerText属性用于获取或设置元素的纯文本内容，不包含任何HTML标签。通过设置innerText属性，只能更改元素内部的文本内容，而不影响标签。

使用innerText属性更改标签的文本内容示例：

var myDiv = document.getElementById("myDiv");
myDiv.innerText = "New Text";

执行上述JavaScript代码后，<h1>标签内的文本将被替换为"New Text"，但是<h1>标签本身不会被替换。

需要注意的是，innerText属性在IE浏览器中不支持，而innerHTML在所有现代浏览器中都得到支持。