让innerText在firefox火狐和IE浏览器都能用的写法


Posted in Javascript onMay 14, 2011

IE中的获取文本方法innerText在firefox中不支持
firefox改成了textContent方法/属性

并且在Firefox中文本中间的空白自符被无情的替换没了
使用起来异常不方便
现在好了,用Javascript重新定义了innerText方法
使得在Firefox中也可以使用innerText方法
并且此方法解决了firefox中空白字符的问题

使用方法:
将下面的脚本放在页面内
不管ie还是firefox都可以使用obj.innerText提取文本了

<script language=”javascript”> 
function isIE(){ //ie? 
if (window.navigator.userAgent.toLowerCase().indexOf(“msie”)>=1) 
return true; 
else 
return false; 
} 
if(!isIE()){ //firefox innerText define 
HTMLElement.prototype.__defineGetter__( “innerText”, 
function(){ 
var anyString = “”; 
var childS = this.childNodes; 
for(var i=0; i<childS.length; i++) { 
if(childS[i].nodeType==1) 
anyString += childS[i].tagName==”BR” ? ‘\n' : childS[i].textContent; 
else if(childS[i].nodeType==3) 
anyString += childS[i].nodeValue; 
} 
return anyString; 
} 
); 
HTMLElement.prototype.__defineSetter__( “innerText”, 
function(sText){ 
this.textContent=sText; 
} 
); 
} 
</script>
Javascript 相关文章推荐
基于jquery的一个拖拽到指定区域内的效果
Sep 21 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
Jan 23 Javascript
javascript实现复制与粘贴操作实例
Oct 16 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
JS功能代码集锦
May 04 Javascript
js实现图片缓慢放大缩小效果
Aug 02 Javascript
详解js中==与===的区别
Jan 08 Javascript
vue移动UI框架滑动加载数据的方法
Mar 12 Javascript
微信小程序实现工作时间段选择
Feb 15 Javascript
小程序云开发获取不到数据库记录的解决方法
May 18 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
js+canvas实现两张图片合并成一张图片的方法
Nov 01 Javascript
模仿百度三维地图的js数据分享
May 12 #Javascript
javascript数组去掉重复
May 12 #Javascript
javascript 弹出层组件(升级版)
May 12 #Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
May 12 #Javascript
关于js获取radio和select的属性并控制的代码
May 12 #Javascript
js 第二代身份证号码的验证机制代码
May 12 #Javascript
基于JQuery的动态删除Table表格的行和列的代码
May 12 #Javascript
You might like
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
深入PHP异步执行的详解
2013/06/03 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
Laravel 5.5 的自定义验证对象/类示例代码详解
2017/08/29 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
Laravel中validation验证 返回中文提示 全局设置的方法
2019/09/29 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
ExtJs的Date格式字符代码
2010/12/30 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
详解JavaScript中的Unescape()和String() 函数
2015/11/09 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
微信小程序 wxapp视图容器 view详解
2016/10/31 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
jQuery实现弹窗居中效果类似alert()
2017/02/27 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
python实现类的静态变量用法实例
2015/05/08 Python
Python cookbook(数据结构与算法)实现优先级队列的方法示例
2018/02/18 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
你应该知道的Python3.6、3.7、3.8新特性小结
2020/05/12 Python
PyCharm中配置PySide2的图文教程
2020/06/18 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
2020/09/01 Python
遗产继承公证书
2014/04/09 职场文书
秋天的图画教学反思
2014/05/01 职场文书
班级口号大全
2014/06/09 职场文书
关于感恩的演讲稿800字
2014/08/26 职场文书
CentOS下安装Jenkins的完整步骤
2022/04/07 Servers
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
2022/08/05 Servers