html - innerText 和outerText 有什么区别？

Question

通过网络搜索后，我了解了 innerHTML 和 outerHTML 之间的区别。

但是我很难理解innerText 和outerText 之间的区别。两者在我看来几乎相同。

谁能用一个很好的插图帮助我理解这一点？

谢谢你 ！

Answer 1

innerText仅更改 HTML 标记中的文本，例如

<div>
  <p>Change Me</p>
</div>

p.innerText = "Changed!"

变成

<div>
  <p>Changed!</p>
</div>

鉴于outerText：

<div>
  <p>Change Me</p>
</div>

p.outerText = "Changed!"

变成

<div>
   Changed!
</div>

Answer 2

基本上，
innerText：元素的标签之间是什么。
outerText : 元素的内容，包括标签。