Sau khi tìm kiếm trên web, tôi hiểu sự khác biệt giữa innerHTML và outerHTML.Sự khác nhau giữa innerText và outerText là gì?
Tuy nhiên tôi đang gặp khó khăn trong việc hiểu sự khác biệt giữa innerText và outerText. Cả hai xuất hiện gần giống với tôi.
Có ai có thể giúp tôi hiểu điều này bằng một minh họa hay không?
Cảm ơn bạn!
innerText chỉ thay đổi văn bản trong các thẻ HTML, ví dụ:
<div>
<p>Change Me</p>
</div>
p.innerText = "Changed!"
trở thành
<div>
<p>Changed!</p>
</div>
Trong khi outerText:
<div>
<p>Change Me</p>
</div>
p.outerText = "Changed!"
trở thành
<div>
Changed!
</div>
Về cơ bản,
innerText: giữa các thẻ của phần tử là gì.
outerText: nội dung của phần tử, bao gồm các thẻ.
Cũng giống như một lưu ý phụ: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/outerText 'Tính năng này không chuẩn và không theo dõi tiêu chuẩn. Không sử dụng nó trên các trang web sản xuất phải đối mặt với Web: nó sẽ không hoạt động cho mọi người dùng. Cũng có thể có sự không tương thích lớn giữa việc triển khai và hành vi có thể thay đổi trong tương lai.' –
Kết quả đầu tiên của Google mô tả nó khá tốt: 'outerText': Cho phép bạn thay đổi tất cả văn bản của phần tử, * bao gồm * thẻ bắt đầu và kết thúc. – Marty