让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 相关文章推荐
javascript中的107个基础知识收集整理 推荐
Mar 29 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
jQuery实现hover合成事件的方法
Aug 06 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
js计算系统当前日期是星期几的方法
Jul 14 Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
jQuery实现字体颜色渐变效果的方法
Mar 29 jQuery
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
Jul 05 Javascript
JavaScript 高性能数组去重的方法
Sep 20 Javascript
JS实现刷新网页后之前浏览位置保持不变示例详解
Aug 14 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数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
浅析PHP中的UNICODE 编码与解码
2013/06/29 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
PHP排序算法之快速排序(Quick Sort)及其优化算法详解
2018/04/21 PHP
JavaScript对象创建及继承原理实例解剖
2013/02/28 Javascript
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
2015/04/12 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
JS未跨域操作iframe里的DOM
2016/06/01 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
将jquery.qqFace.js表情转换成微信的字符码
2017/12/01 jQuery
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
NodeJs crypto加密制作token的实现代码
2019/11/15 NodeJs
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
2020/08/28 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
2020/10/27 Javascript
Python实现网站文件的全备份和差异备份
2014/11/30 Python
python使用SQLAlchemy操作MySQL
2020/01/02 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
vscode调试django项目的方法
2020/08/06 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
2013/02/04 HTML / CSS
Smashbox英国官网:美国知名彩妆品牌
2017/11/13 全球购物
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
最新教师自我评价分享
2013/11/12 职场文书
法学求职信
2014/06/22 职场文书
国际贸易求职信
2014/07/05 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
会计人员演讲稿
2014/09/11 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
导游词之太湖
2019/10/08 职场文书
Python 正则模块详情
2021/11/02 Python