让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 相关文章推荐
获取非最后一列td值并将title设为该值的方法
Oct 30 Javascript
js保留小数点后几位的写法
Jan 03 Javascript
利用js制作html table分页示例(js实现分页)
Apr 25 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
微信小程序封装http访问网络库实例代码
May 24 Javascript
详解Vue.js分发之作用域槽
Jun 13 Javascript
js中this的指向问题归纳总结
Nov 28 Javascript
小试SVG之新手小白入门教程
Jan 08 Javascript
基于layui框架响应式布局的一些使用详解
Sep 16 Javascript
p5.js实现故宫橘猫赏秋图动画
Oct 23 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
vue-cli3中配置alias和打包加hash值操作
Sep 04 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+MySQL 手工注入语句大全 推荐
2009/10/30 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
PHP函数eval()介绍和使用示例
2014/08/20 PHP
详解PHP中的外观模式facade pattern
2018/02/05 PHP
javascript 常用功能总结
2012/03/18 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
2015/02/03 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
利用Vue2.x开发实现JSON树的方法
2018/01/04 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
2018/08/02 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
vue实现一个炫酷的日历组件
2018/10/08 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
SpringBoot在yml配置文件中配置druid的操作
2020/11/16 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
python编程实现12306的一个小爬虫实例
2017/12/27 Python
Python实现FTP弱口令扫描器的方法示例
2019/01/31 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
计算 s=(x*y)1/2,用两个宏定义来实现
2016/08/11 面试题
linux面试题参考答案(3)
2012/09/13 面试题
公司员工检讨书
2014/02/08 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
小学英语教学经验交流材料
2015/11/02 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书
python如何在word中存储本地图片
2021/04/07 Python
Win11 21h2可以升级22h2吗?看看你的电脑符不符合要求
2022/07/07 数码科技