innerHTML和innerText和outerHTML的区别

1、innerHTML和innerText的区别

（1）innerHTML是所有的浏览器都支持的，但是innerText是只有IE浏览器和Chrome浏览器支持，火狐浏览器不支持；

（2）innerHTML截取的是从对象的起始位置到终止位置的全部内容,包括Html标签；而innerText截取的是从对象的起始位置到终止位置的内容，但是不包括Html标签；

2、innerHTML和outerHTML的区别：

outerHTML是不止包含innerHTML的内容还包括标签对象本身。

也就是：

<div id="out"><p id="in">内部内容</p></div>

console.log(document.getElementById("out").innerHTML);//<p id="in">内部内容</p>

console.log(document.getElementById("out").outerHTML);//<div id="out"><p id="in">内部内容</p></div>