innerhtml和innertext的区别

`innerHTML` 和 `innerText` 是用来获取或设置HTML元素中的文本内容的两个常用属性。

- `innerHTML` 可以获取或设置元素中所有的HTML代码，包括标签。
- `innerText` 仅能获取或设置元素中的纯文本内容，不包括标签。

举个例子：

<div id="example">
  <p>This is a <b>bold</b> paragraph.</p>
</div>

使用`innerHTML`获取
`document.getElementById("example").innerHTML` 会返回字符串 `"<p>This is a <b>bold</b> paragraph.</p>"`

使用`innerText`获取
`document.getElementById("example").innerText` 会返回字符串 `"This is a bold paragraph."`

通常，如果你只需要操作元素中的纯文本内容，使用 `innerText` 就足够了；如果你需要操作元素中的HTML代码，那么使用 `innerHTML`。