innerText和innerHTML的区别

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

案例

var div = document.querySelector('div');

div.innerText = '今天是2023';

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

案例  

div.innerHTML = '<strong>今天是：</strong>2023';

1. innerText 不识别html标签（去除），是非标准的，会去除空格和换行。

2. innerHTML识别html标签（保留），是标准的，保留空格和换行。

如：

3.共同点：这两个属性是可读写的，可以获取元素里面的内容。