innerText 和 innerHTML的区别

innerText 和 innerHTML的区别

1.innerText不识别html标签，非标准，会自动去除空格和换行

var div = document.querySelector('div');
div.innerText = '<strong>今天是</strong>2019';
//<strong>今天是</strong>2019
var p = document.querySelector('p');
p.innerHTML = '<strong>今天是</strong>2019';
//**今天是**2019
console.log(div);//<strong>今天是</strong>2019
console.log(p);//今天是2019

2.innerHTML 识别html标签，W3C标准，会保留空格和换行的

上面两个属性是可读写的，可以获取元素里面的内容

    <p>显示<span>1233</span></p>
var p = document.querySelector('p');console.log(p.innerText);//显示1233
console.log(p.innerHTML);//  显示  <span>1233</span>