前端innerhtml和innertext

前端中，innerHTML和innerText都是用来操作HTML元素中的文本内容的属性。

innerHTML是一个元素的属性，它返回或设置HTML标签的内容，包括标签本身和标签内的文本内容。它可以用来插入HTML标签、修改HTML标签的内容或者添加新的HTML标签。

innerText是一个元素的属性，它返回或设置元素的文本内容，包括标签内的文本内容但不包括标签本身。它只能用于操作文本内容，不能用于操作HTML标签。

举个例子，假设有如下HTML标签：

<div id="example">
  <p>这是一个段落</p>
</div>

要获取这个div元素的文本内容，可以使用innerText：

var divElement = document.getElementById("example");
var textContent = divElement.innerText;
console.log(textContent); // 输出：这是一个段落

如果要修改这个div元素的文本内容，也可以使用innerText：

divElement.innerText = "这是新的文本内容";

如果要添加一个新的HTML标签到这个div元素中，可以使用innerHTML：

divElement.innerHTML = "<p>这是一个新的段落</p>";