Was ist der Unterschied zwischen InnerText und OuterText?

Lesezeit: 1 Minute

Nachdem ich das Web durchsucht hatte, verstand ich den Unterschied zwischen innerHTML und outerHTML.

Allerdings fällt es mir schwer, den Unterschied zwischen innerText und outerText zu verstehen. Beide erscheinen mir fast gleich.

Kann mir jemand mit einer schönen Illustration helfen, das zu verstehen?

Danke !

Das erste Google-Ergebnis hat es ziemlich gut beschrieben: outerText: Ermöglicht es Ihnen, den gesamten Text des Elements zu ändern, einschließlich die Start- und End-Tags.

– Martin

28. August 2013 um 7:10 Uhr

innerText ändert nur Text innerhalb von HTML-Tags, zB

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

p.innerText = "Changed!"

Wird

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

Wohingegen outerText:

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

p.outerText = "Changed!"

Wird

<div>
   Changed!
</div>

Ausgezeichnete Antwort, kurz und bündig.

– Wadi Diaz-wong

12. Dezember 2020 um 3:41 Uhr

Grundsätzlich,
innerText: was zwischen den Tags des Elements steht.
äußererText: Inhalt des Elements, einschließlich die Tags.

Nur als Randbemerkung: developer.mozilla.org/en-US/docs/Web/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.

– Erenor Paz

26. September 2017 um 10:40 Uhr

11759900cookie-checkWas ist der Unterschied zwischen InnerText und OuterText?