让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 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
调试代码导致IE出错的避免方法
Apr 04 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
使用RequireJS优化JavaScript引用代码的方法
Jul 01 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
Dec 31 Javascript
AngularJS表达式讲解及示例代码
Aug 16 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
Dec 14 Javascript
highcharts 在angular中的使用示例代码
Sep 20 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
angular第三方包开发整理(小结)
Apr 19 Javascript
Vant 在vue-cli 4.x中按需加载操作
Nov 05 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验证是否是md5编码的简单代码
2014/04/01 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
CI框架表单验证实例详解
2016/11/21 PHP
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
2013/04/09 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
第六篇Bootstrap表格样式介绍
2016/06/21 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
js中split()方法得到的数组长度问题
2018/07/19 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
深入理解redux之compose的具体应用
2020/01/12 Javascript
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
python的dict判断key是否存在的方法
2020/12/09 Python
python元组拆包实现方法
2021/02/28 Python
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
个人社会实践自我鉴定
2014/03/24 职场文书
个人校本研修方案
2014/05/26 职场文书
应届毕业生自荐信
2014/05/28 职场文书
财务统计员岗位职责
2015/04/14 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
浅谈Python项目的服务器部署
2021/04/25 Python
如何在C++中调用Python
2021/05/21 Python
Python绘制散乱的点构成的图的方法
2022/04/21 Python
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android