В чем разница между внутренним текстом и внешним текстом?

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

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

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

Спасибо !


html dom innertext
person Abhishek Singh    schedule 28.08.2013    source источник
comment
Первый результат Google довольно хорошо описал это: outerText: позволяет изменить весь текст элемента, включая начальный и конечный теги.   -  person Marty    schedule 28.08.2013

Ответы (2)


arrow_upward
65
arrow_downward

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>
person CodingIntrigue    schedule 28.08.2013
comment
Отличный ответ, короткий и милый. - person Wadi Diaz-wong; 12.12.2020

arrow_upward
17
arrow_downward

По сути,
innerText: то, что находится между тегами элемента.
outerText: содержимое элемента, включая теги.

person Sadiq    schedule 28.08.2013
comment
В качестве примечания: developer.mozilla.org/en- США/документы/Интернет/API/HTMLElement/outerText This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future. - person Erenor Paz; 26.09.2017