innertext和innerhtml的区别

innerText 和 innerHTML 都是 DOM 操作中用于获取或设置元素内容的属性，不同之处在于：

innerText 只获取或设置纯文本内容，不包括 HTML 标签和属性，只有文本内容会被解析和显示。

innerHTML 则可以获取或设置包括 HTML 标签和属性在内的完整元素内容，可以将元素的内容进行修改、增加或删除。但是需要注意的是，使用 innerHTML 改变元素内容时，可能会引起重排和重绘，影响页面性能。

相关问题

innertext和innerhtml区别

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

`innerText`只能获取或设置文本内容，不能读取或设置HTML标签。

`innerHTML`可以获取或设置文本内容和HTML标签。

例如，如果一个元素的内容是<p>This is a <strong>paragraph</strong>.</p>,

那么 `innerText` 的值就是"This is a paragraph."

而 `innerHTML` 的值就是"This is a <strong>paragraph</strong>."。

js中innertext和innerhtml

`innerText` 和 `innerHTML` 是 JavaScript 中的两个属性，用于访问和设置 HTML 元素中的文本内容。

- `innerText` 表示该元素的文本内容，不包括 HTML 标签。
- `innerHTML` 表示该元素的文本内容，包括 HTML 标签。

例如：

<div id="example">
  <p>Hello, <b>world</b>!</p>
</div>

let example = document.getElementById("example");
console.log(example.innerText); // "Hello, world!"
console.log(example.innerHTML); // "<p>Hello, <b>world</b>!</p>"

使用 `innerHTML` 方法可以改变标签内容, 例如:

example.innerHTML = "Hello, <i>javascript</i>!";

输出后将会变为 :

<div id="example">
  Hello, <i>javascript</i>!
</div>

注意：使用 innerHTML 可能会导致 XSS 攻击，请谨慎使用。