textContent在Firefox下与innerText等效的属性


Posted in Javascript onMay 12, 2007

在IE和Opear下,DOM对象支持innerText属性,可以很方便的去除HTML标签。
但在Firefox不支持该属性,好在FF下的DOM对象支持textContent,该属性与innerText等效。

演示实例:
<p id="TestObj">Hi,I'm <strong>cnlei</strong>.Welcome to my homepage:<a href="http://www.cnlei.com">http://www.cnlei.com</a>.</p>
<script type="text/javascript">
function getInnerText(obj){
  return document.all?obj.innerText:obj.textContent;
}
var str = getInnerText(document.getElementById("TestObj"));
alert(str);
</script>

为Firefox下的DOM对象增加innerText属性:
<script type="text/javascript">
var lBrowser = {};
lBrowser.agt = navigator.userAgent.toLowerCase();
lBrowser.isW3C = document.getElementById ? true:false;
lBrowser.isIE = ((lBrowser.agt.indexOf("msie") != -1) && (lBrowser.agt.indexOf("opera") == -1) && (lBrowser.agt.indexOf("omniweb") == -1));
lBrowser.isNS6 = lBrowser.isW3C && (navigator.appName=="Netscape") ;
lBrowser.isOpera = lBrowser.agt.indexOf("opera") != -1;
lBrowser.isGecko = lBrowser.agt.indexOf("gecko") != -1;
lBrowser.ieTrueBody =function (){
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
};

//为Firefox下的DOM对象增加innerText属性
if(lBrowser.isNS6){ //firefox innerText define
 HTMLElement.prototype.__defineGetter__( "innerText", 
 function(){ 
 return this.textContent; 
 } 
 ); 
 HTMLElement.prototype.__defineSetter__( "innerText", 
 function(sText){ 
 this.textContent=sText; 
 } 
 ); 
}

alert(lBrowser.isNS6);
</script>

附录 DOM Reference:
Firefox DOM参考:http://www.mozilla.org/docs/dom/domref/dom_shortTOC.html
IE DOM参考:
http://msdn2.microsoft.com/en-us/library/ms533050.aspx 

Javascript 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
jQuery技巧总结
Jan 01 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
无刷新预览所选择的图片示例代码
Apr 02 Javascript
js实现数组冒泡排序、快速排序原理
Mar 08 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
Apr 25 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
Apr 25 Javascript
解决vue 引入子组件报错的问题
Sep 06 Javascript
js计时事件实现圆形时钟
Mar 25 Javascript
Node.js学习之内置模块fs用法示例
Jan 22 Javascript
关于__defineGetter__ 和__defineSetter__的说明
May 12 #Javascript
JavaScript Archive Network 集合
May 12 #Javascript
(仅IE下有效)关于checkbox 三态
May 12 #Javascript
弹出广告特效代码(一个IP只弹出一次)
May 11 #Javascript
模拟用户操作Input元素,不会触发相应事件
May 11 #Javascript
网上抓的一个特效
May 11 #Javascript
用javascript实现分割提取页面所需内容
May 09 #Javascript
You might like
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
实例讲解php数据访问
2016/05/09 PHP
php实现微信模板消息推送
2018/03/30 PHP
linux mint下安装phpstorm2020包括JDK部分的教程详解
2020/09/17 PHP
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
2012/02/07 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
javascript实现博客园页面右下角返回顶部按钮
2015/02/22 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
jquery+ajax实现直接提交表单实例分析
2016/06/17 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
浅谈Vuex的状态管理(全家桶)
2017/11/04 Javascript
jquery实现左右轮播切换效果
2018/01/01 jQuery
Vue自定义toast组件的实例代码
2018/08/15 Javascript
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
vue3为什么要用proxy替代defineProperty
2020/10/19 Javascript
[00:48]完美“圣”典2016风云人物:xiao8宣传片
2016/11/30 DOTA
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
跟老齐学Python之有点简约的元组
2014/09/24 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
详解Python logging调用Logger.info方法的处理过程
2019/02/12 Python
python使用html2text库实现从HTML转markdown的方法详解
2020/02/21 Python
序列化Python对象的方法
2020/08/01 Python
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
以太网Ethernet IEEE802.3
2013/08/05 面试题
大学生学业生涯规划
2014/01/05 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
新学期红领巾广播稿
2014/10/04 职场文书
2014年收银工作总结
2014/11/13 职场文书
全国助残日活动总结
2015/05/11 职场文书
建国70周年的心得体会(2篇)
2019/09/20 职场文书
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript