innerText和innerHTML区别以及用法

innerText和innerHTML区别以及用法

作者:myadmin |  时间:2014-06-11 |  浏览:1429 |  0 条评论

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区别以及用法

标签:

相关推荐
更多

发表评论