Nach der Suche im Internet habe ich den Unterschied zwischen innerHTML und outerHTML verstanden.Was ist der Unterschied zwischen innerText und outerText?
Allerdings habe ich es schwer, den Unterschied zwischen innerText und outerText zu verstehen. Beide erscheinen mir fast gleich.
Kann mir jemand helfen, dies mit einer schönen Illustration zu verstehen?
Vielen Dank!
innerText ändert nur Text in HTML-Tags, z.
<div>
<p>Change Me</p>
</div>
p.innerText = "Changed!"
Wird
<div>
<p>Changed!</p>
</div>
Während outerText:
<div>
<p>Change Me</p>
</div>
p.outerText = "Changed!"
Wird
<div>
Changed!
</div>
Grundsätzlich
innerText: was ist zwischen den Tags des Elements.
outerText: Inhalt des Elements, einschließlich die Tags.
Nur als Randnotiz: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText 'Diese Funktion ist nicht standardisiert und befindet sich nicht auf einer Standardspur. Verwenden Sie es nicht auf Websites, die mit dem Internet verbunden sind: Es funktioniert nicht für jeden Benutzer. Es kann auch zu großen Inkompatibilitäten zwischen den Implementierungen kommen, und das Verhalten kann sich in Zukunft ändern. " –
Das erste Google-Ergebnis beschrieb es ziemlich gut: 'outerText': Ermöglicht es Ihnen, den gesamten Text des Elements zu ändern, * einschließlich * der Start- und End-Tags. – Marty