首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

浅谈一上textContent与innerText

2012-09-16 
浅谈一下textContent与innerText其实关于这textContent与innerText有很多碎碎的东西,不过个人觉得还是一个

浅谈一下textContent与innerText

其实关于这textContent与innerText有很多碎碎的东西,不过个人觉得还是一个不错的topic,好好讲讲吧。

?

1、关于兼容性

?

这个很多人应该都了解:

?

innerText除了ff3.6外,Chrome Safari Opera均支持

textContent除IE8及以下版本外,IE9 Chrome Safari Opera均支持
2、关于返回值
第一:这个其实也算兼容性里面的一种,主要考虑不同场景下的返回值:如果容器设置了"visibility:hidden"??? ? ? ? ?在Chrome Safari中获取该容器元素的innerText返回值是“”?? ? ? ? ?在其他均返回的是正常的文本相反,如果容器visible没有设置,而是默认值visibility?? ? ? ? ? ? 不存在浏览器差异
?结论:在Webkit下,innerText的返回值依赖与元素的visibility的值
第二:对于标签如<br />等的不同处理。innerText是将元素的innerHTML换码---解释---显示,去除各种格式信息留下的是纯文本。
    会将多个空格合并成一个会将<br />转成换行符
textContent是innerHTML去除所有标签后的内容
    会将&lt;这些进行换码,直接剔除html的语义化标签会保留多个空格不会将<br />进行转换

第三:对应script标签里面的内容innerText不能返回textContent可以
1 楼 newdefence 2012-02-03   最后一句多个字母y,是textContent; 2 楼 zhangyaochun 2012-02-03   newdefence 写道最后一句多个字母y,是textContent;
好的 感谢感谢

热点排行