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 ：元素的内容，包括标记。