В чем разница между innerText и outerText?

После поиска в Интернете я понял разницу между innerHTML и outerHTML.

Однако мне трудно понять разницу между innerText и externalText. Оба кажутся мне почти такими же.

Может кто-нибудь помочь мне понять это с хорошей иллюстрацией?

Спасибо!

Ответы

Ответ 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>

Ответ 2

В принципе,
innerText: что между тегами элемента.
externalText: содержимое элемента, включая теги.