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:元素的内容,包括标签.