innerText和innerHTML区别以及用法

innerText;今天写了个js程序，在Chrome上和IE上测试都没问题，可是到了Firefox上，也不提示错误，怎么都不行，弄的很少郁闷。

静下心来一想，哦，innerText是IE浏览器专用的(Chromes是个强大的浏览器，innerText也可以识别出来)，innerHTML才是以上三个浏览器通用的。

innerText和innerHTML区别以及用法

下面对innerText和innerHTML做简要说明

innerText：用户修改DOM树中起始标签和结束标签之间的内容，其本身对于< > ”  ’和&等特殊字符都进行过html编码了，这就不用担心特殊字符编码的问题了。

所以，当innerText赋值<span></span>等DOM标签的时候，是会原样输出的。

用户可以用innerText获取DOM元素的内容，innerText只能返回text内容，不能返回html。

innerText有一个特性：innerText赋值它自身的时候，会从指定的DOM中删除所有的HMTL标签。

例如  obj.innerText = obj.innerText;

以上内容，只有IE8、Chrome35.0.1916.114 m   都能测试通过！

innerHTML：innerHTML就解决了innerText对< >  ” ‘ 和&等特殊字符编码后原样显示的问题 。

使用innerHTML可以直接分配HMTL字符串到DOM中，省去了documen.createElement()等操作DOM的繁琐。

用户可以用innerHTML获取DOM元素的内容，不管是text内容还是 html内容，都会获取出来的。

以上内容，IE8、Chrome35.0.1916.114 m、Firefox29.01   都能测试通过！

小结：总的来说，innerText的功能，基本都可以用innerHTMl代替，而且innerText还有浏览器的限制，innerHTML在所有浏览器都畅通无阻。

innerText和innerHTML区别以及用法