Po przeszukiwaniu sieci zrozumiałem różnicę między innerHTML i zewnętrznąHTML.Jaka jest różnica między innerText i outerText?
Jednak trudno mi zrozumieć różnicę między innerText i outerText. Obie wyglądają prawie tak samo jak dla mnie.
Czy ktoś może mi pomóc zrozumieć to z ładną ilustracją?
Dziękujemy!
innerText zmienia tylko tekst w tagach HTML, np.
<div>
<p>Change Me</p>
</div>
p.innerText = "Changed!"
Staje
<div>
<p>Changed!</p>
</div>
Zważywszy outerText:
<div>
<p>Change Me</p>
</div>
p.outerText = "Changed!"
Staje
<div>
Changed!
</div>
Zasadniczo,
innerText: co jest pomiędzy tagami elementu.
outerText: zawartość elementu, w tym znaczników.
Tak na marginesie: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText 'Ta funkcja jest niestandardowa i nie znajduje się na ścieżce standardów. Nie używaj go na stronach produkcyjnych skierowanych do sieci: nie będzie działać dla każdego użytkownika. Mogą również występować duże niezgodności między implementacjami, a zachowanie może się zmienić w przyszłości " –
Pierwszy wynik Google opisał to całkiem dobrze: 'outerText': Umożliwia zmianę całego tekstu elementu, * w tym * znacznika początkowego i końcowego. – Marty