让你快速了解innerHTML与innerText的区别

一.特点

innerHTML ：可取，可写，可赋值；

innerText ：可取，可赋值 (老版本火狐不兼容) / textContent(老版本火狐使用这个方法，但老版本 IE 不能用)。

二.区别

1.标签（元素节点）使用此方法的返回类型：

innerHTML ：返回的是标签内部的所有HTML代码，包括元素、属性、文本、注释等节点；

innerText：返回的仅是文本节点，也就是标签名和注释之类的都不会返回。

2.给他们赋值后的效果：

innerHTML ：如果赋值为"<br>"，那么代码上会增加标签，且网页显示换行；

innerText：如果赋值为"<br>"，那么代码上会增加一个string类型的字符串（"<br>"）。

三.相同

如果对div使用innerText赋值了一些内容，如"123"后，会和innerHTML一样，导致div标签内部只剩下赋值的内容"123"。