Hướng dẫn what is difference between innerhtml and innertext in javascript? - Sự khác biệt giữa innerhtml và innertext trong javascript là gì?

Các ví dụ dưới đây đề cập đến đoạn trích HTML sau:

<div id="test"> Warning: This element contains <code>code</code> and <strong>strong language</strong>. </div>

Nút sẽ được tham chiếu bởi JavaScript sau:

var x = document.getElementById('test');

var x = document.getElementById('test'); 2

Đặt hoặc nhận cú pháp HTML mô tả con cháu của phần tử

x.innerHTML // => " // => Warning: This element contains <code>code</code> and <strong>strong language</strong>. // => "

Đây là một phần của đặc tả phân tích và tuần tự hóa DOM của W3C. Lưu ý rằng đó là một thuộc tính của các đối tượng var x = document.getElementById('test'); 3.

var x = document.getElementById('test'); 4

Đặt hoặc nhận văn bản giữa các thẻ bắt đầu và kết thúc của đối tượng

x.innerText // => "Warning: This element contains code and strong language."

• var x = document.getElementById('test'); 5 được Microsoft giới thiệu và trong một thời gian không được Firefox hỗ trợ. Vào tháng 8 năm 2016, var x = document.getElementById('test'); 5 đã được Whatwg áp dụng và đã được thêm vào Firefox trong V45.
• var x = document.getElementById('test'); 5 cung cấp cho bạn một nhận thức về phong cách, đại diện cho văn bản cố gắng phù hợp với những gì được trình duyệt hiển thị, điều này có nghĩa là:
  • var x = document.getElementById('test'); 5 áp dụng quy tắc var x = document.getElementById('test'); 9 và x.innerHTML // => " // => Warning: This element contains <code>code</code> and <strong>strong language</strong>. // => " 0
  • var x = document.getElementById('test'); 5 Trims trắng không gian giữa các dòng và thêm các đường đứt đường giữa các mục
  • var x = document.getElementById('test'); 5 sẽ không trả lại văn bản cho các mục vô hình
• var x = document.getElementById('test'); 5 sẽ trở lại x.innerHTML // => " // => Warning: This element contains <code>code</code> and <strong>strong language</strong>. // => " 4 cho các yếu tố không bao giờ được hiển thị như x.innerHTML // => " // => Warning: This element contains <code>code</code> and <strong>strong language</strong>. // => " 5 và `
• Thuộc tính của các yếu tố x.innerHTML // => " // => Warning: This element contains <code>code</code> and <strong>strong language</strong>. // => " 6

x.innerHTML // => " // => Warning: This element contains <code>code</code> and <strong>strong language</strong>. // => " 7

Nhận hoặc đặt nội dung văn bản của một nút và hậu duệ của nó.

x.textContent // => " // => Warning: This element contains code and strong language. // => "

Mặc dù đây là một tiêu chuẩn W3C, nhưng nó không được IE