`
sbfivwsll
  • 浏览: 60163 次
  • 性别: Icon_minigender_1
  • 来自: 四川
社区版块
存档分类
最新评论

Firefox下为dom添加innerText方法(javascript中getter、setter方法的定义)

 
阅读更多

在火狐下运行:
o = {
value:9
}
Object.prototype.__defineGetter__("mm",function(){return "中华人民共和国"})
alert(o.mm)

 


在火狐下运行,可以扩展innerText
第一种:
if(typeof(HTMLElement)!="undefined" && !window.opera)
{
HTMLElement.prototype.__defineGetter__("innerText",function () {
return this.textContent;
}
);

HTMLElement.prototype.__defineSetter__("innerText",function (setValue) {
this.textContent = setValue;
});
}
第二种:
if(typeof HTMLElement!="undefined"){
HTMLElement.prototype.innerText
getter = function(){
var tmp = this.replace(/<br>/gi,"/n");
return tmp.replace(/<[^>]+>/g,"");
}

 

HTMLElement.prototype.innerText
setter = function(txtStr){
var parsedText = document.createTextNode(txtStr);
this = "";
this.appendChild( parsedText );
}
}

 


使用getter和setter(尽量不要这样使用,因为 在JavaScript 1.5的开发过程中,有一种简短的使用类似getter = 或者 setter = 定义对象的方法。这样的语法在JavaScript 1.5版本中会获得一个警告,以后的版本也不会支持,所以我们要避免这样的语法出现。):
var o = {
a:7,
//下面两句是其实是实现对象的num属性
get num() { return this.a+1; },
set num(x) { this.a = x/2; }
};
o.num=100;
alert(o.num)//在火狐中弹出51

分享到:
评论

相关推荐

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

    firefox改成了textContent方法/属性 并且在Firefox中文本中间的空白自符被无情的替换没了 使用起来异常不方便 现在好了,用Javascript重新定义了innerText方法 使得在Firefox中也可以使用innerText方法 并且此方法...

    firefox浏览器不支持innerText的解决方法

    js代码: 代码如下: [removed] [removed] = function(){ &lt;PRE class=javascript name=”code”&gt;if(window.navigator.userAgent.toLowerCase().indexOf(“msie”)==0){ //firefox innerText HTMLElement.prototype.__...

    textContent在Firefox下与innerText等效的属性

    但在Firefox不支持该属性,好在FF下的DOM对象支持textContent,该属性与innerText等效。 演示实例: ”TestObj”&gt;Hi,I’m &lt;strong&gt;cnlei&lt;/strong&gt;.Welcome to my homepage:&lt;a&gt;http://www.cnlei.com&lt;/a&gt;.&lt;/p&gt; ...

    让FireFox支持innerText的实现代码

    因为安全问题 1、为firefox dom模型扩展属性 2、currentStyle属性可以取得实际的style状态 3、IE实现innerText时考虑了display方式,如果是block则加换行 4、为什么不用textContent?因为textContent没有考虑元素的...

    javascript解决innerText浏览器兼容问题思路代码.docx

    javascript解决innerText浏览器兼容问题思路代码.docx

    javascript写的windows资源管理器

    这里需要说明的是很少用到了innerHTML和innerTEXT两个方法,这是微软提供的专利方法,还没有得到W3C的认可, 在别的浏览器里面这两个方法不一定会被支持。 所以很多地方是用了DOM的方式进行处理。 首次的功能有: 1....

    react-innertext:返回React JSX对象的innerText

    ReactinnerText 返回React JSX对象的innerText,类似于DOM元素的innerText属性。安装npm install react-innertext或yarn add react-innertext利用客户端渲染(ES6) import innerText from 'react-innertext' ;...

    让firefox支持IE的一些方法的javascript扩展函数代码

    这一段使得FireFox也支持IE的innerText方法 代码如下: function isIE(){ if (window.navigator.userAgent.toLowerCase().indexOf(“msie”)&gt;=1) return true; else return false; } if(!isIE()){ //firefox ...

    javascript中innerText和innerHTML属性用法实例分析

    主要介绍了javascript中innerText和innerHTML属性用法,实例分析了javascript中innerText和innerHTML属性的作用和相关的使用技巧,需要的朋友可以参考下

    innerText和textContent对比及使用介绍

    今天在使用innerText时遇到一个兼容性问题,FireFox不支持innerText方法,查了下MDN,发现FireFox下有个类似的方法,叫textContent,它和IE的innerText类似, 都是用来获取(设置)元素中text的方法。语法 •设置 ...

    Javascript数组操作高级心得整理

    (4) 为本地对象添加新方法 19 3. 对象类型转换 19 (1) 转换成字符串 19 (2) 转换成数字 20  parseInt() 20  parseFloat() 20 (3) 强制类型转换 20  Boolean() 函数 20  Number()函数 20  String() 函数 21...

    javascript textContent与innerText的异同分析

    textContent与innerText的不同 IE下有个innerText属性,FF下有个textContent属性。很多以前给IE写脚本的,在FF下找不到innerText属性,于是网上搜到的建议是用textContent来替代。反之给FF写脚本的也一样。 但是实际...

    innerHTML和innerText的区别

    js中innerHTML与innerText的用法与区别

    innertext和outertext以及div

    innertext和outertext以及div,在编写网页时经常用到的,很好用.

    javascript初级代码学习.zip

    002-DOM编程-innerHTML和innerText操作div和span 003-DOM编程-关于正则表达式 004-去除字符串的前后空白trim 005-表单验证 006-复选框的全选和取消全选 007-获取下拉列表选中项的value 008-显示网页时钟 009-内置...

Global site tag (gtag.js) - Google Analytics