Après avoir cherché sur le Web, j'ai compris la différence entre innerHTML et outerHTML.Quelle est la différence entre innerText et outerText?
Cependant, j'ai du mal à comprendre la différence entre innerText et outerText. Les deux me semblent presque identiques.
Quelqu'un peut-il m'aider à comprendre cela avec une belle illustration?
Merci!
innerText modifie uniquement le texte dans les balises HTML, par ex.
<div>
<p>Change Me</p>
</div>
p.innerText = "Changed!"
Devient
<div>
<p>Changed!</p>
</div>
Alors outerText:
<div>
<p>Change Me</p>
</div>
p.outerText = "Changed!"
Devient
<div>
Changed!
</div>
Fondamentalement,
innerText: ce qui est entre les balises de l'élément.
outerText: contenu de l'élément, incluant les étiquettes.
Juste comme une note de côté: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText 'Cette fonctionnalité est non standard et n'est pas sur une piste de normalisation. Ne l'utilisez pas sur des sites de production tournés vers le Web: cela ne fonctionnera pas pour tous les utilisateurs. Il peut également y avoir de grandes incompatibilités entre les implémentations et le comportement peut changer dans le futur. » –
Le premier résultat de Google l'a très bien décrit: 'outerText': vous permet de changer tout le texte de l'élément, * y compris * les balises de début et de fin. – Marty