innerHTML()和innerText()的区别（含示例）

innerHTML()和innerText()的区别:

element.innerText()会去除html标签，同时换行和空格也会去掉，但字符串中的标签会原样打印出来

element.innerHTML()会包括html标签，同时保留空格和换行，打印时会按照书写格式

 

 

 

innerText示例：

//innerText 不识别html标签 非标准  去除空格和换行

var div = document.querySelector('div');
div.innerText = '<strong>今天是：</strong> 2019';

网页显示的是：

 

 

 innerHTML示例：

// innerHTML 识别html标签 W3C标准 保留空格和换行

var div = document.querySelector('div');
div.innerHTML = '<strong>今天是：</strong> 2019';

网页显示的是：