`
liudaoru
  • 浏览: 1573912 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

扩展innerText的方法

    博客分类:
  • Ajax
阅读更多
还不错,收藏一下。。。
js 代码
  1. /**  
  2. *扩展非IE的innerText属性  
  3. */  
  4. var _IE = (navigator.appName.toUpperCase().indexOf('MSIE') != -1);   
  5. if(!_IE){   
  6.     HTMLElement.prototype.__defineGetter__("innerText"function(){   
  7.         var text=null;   
  8.         text = this.ownerDocument.createRange();   
  9.         text.selectNodeContents(this);   
  10.   
  11.         text = text.toString();   
  12.         return text;   
  13.     });   
  14.     HTMLElement.prototype.__defineSetter__("innerText"function(sText){   
  15.         this.innerHTML = sText.replace(/\&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g,'<br>');   
  16.     });   
  17. }  
分享到:
评论

相关推荐

    innerhtml用法 innertext用法 以及innerHTML与innertext的区别

    `outerHTML`属性则是扩展了`innerHTML`,它不仅包含了`innerHTML`的内容,还包含了元素自身。所以对于`test`元素,`test.outerHTML`将返回`'&lt;div id="test"&gt;&lt;span style="color:red"&gt;test1&lt;/span&gt; test2&lt;/div&gt;'`,...

    让FireFox支持innerText的实现代码

    这段代码首先检查当前浏览器是否为Firefox,如果是,则通过__defineGetter__和__defineSetter__方法扩展HTMLElement原型,添加innerText的getter和setter。getter方法`getInnerText`递归遍历元素的子节点,根据...

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

    在Web开发中,兼容性问题始终是一个挑战,尤其是在处理不同浏览器对某些API或方法支持不同的...同时,这也体现了JavaScript的灵活性,可以通过扩展内置对象的方法来弥补不同浏览器之间的差异,实现更一致的API接口。

    chrome扩展(V3版)简单实例

    document.getElementById('highlightCount').innerText = `高亮条目数量: ${request.count}`; } }); ``` ##### 3. content.js 文件 - **功能**:接收来自popup的消息,修改页面上的元素。 - **关键代码*...

    关于Mozilla浏览器不支持innerText的解决办法

    解决这个问题的一种方法是通过JavaScript自定义一个函数来模拟innerText的功能。一个常见的解决方案是利用节点的nodeValue属性,因为所有文本节点都拥有这个属性,并且在所有主流浏览器中都得到支持。nodeValue属性...

    vue汉字转拼音指令和原型链方法

    本文将详细讲解两种实现汉字转拼音的方法:一种是通过自定义指令(Custom Directive),另一种是通过扩展Vue实例的原型链(Prototype Chain)。这两种方法都能有效地将汉字转换为拼音,并且在Vue项目中方便地应用。 ...

    Javascript String对象扩展HTML编码和解码的方法

    这个方法的思路与编码类似,也是创建一个临时的`div`元素,并将需要解码的字符串赋值给它的`innerHTML`属性,然后通过读取`innerText`或`textContent`属性获取解码后的字符串。同样,在返回之前要清理临时创建的元素...

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

    innerText方法允许开发者获取或设置HTML元素内的文本内容,与textContent类似但有所不同,因为它会忽略脚本和样式信息。 文章中还提到了如何在Firefox中为HTMLAnchorElement添加onclick事件处理函数。...

    javascript innerHTML、outerHTML、innerText、outerText的区别

    - innerHTML和innerText是W3C标准属性,而outerHTML和outerText主要是IE浏览器的扩展。在跨浏览器兼容性上,应优先使用innerHTML和innerText。 总结来说,这四个属性都是用于操纵HTML元素内容的重要工具,选择哪个...

    javascript动态创建链接的方法.docx

    总之,JavaScript动态创建链接是通过操作DOM来实现的,涉及的主要方法有`getElementById`、`createElement`、`setAttribute`、`innerText`和`appendChild`。熟练掌握这些方法,可以让你在网页开发中实现各种动态效果...

    JavaScript源生倒计时时分秒毫秒简单无依赖可扩展性强

    `Date.now()`方法可以获取当前时间的毫秒值,这为我们创建倒计时提供了基础。倒计时的基本思路是计算目标时间与当前时间之间的差值,然后以毫秒为单位进行定时更新。 下面是一个基本的倒计时函数的示例: ```...

    css+js实现左侧多级菜单,可扩展图标及导航图片

    - DOM操作:通过getElementById,getElementsByClassName,querySelector等方法获取DOM元素,然后使用innerHTML,innerText,style等属性进行内容修改或样式设置。 - 事件处理:addEventListener和...

    JS常用方法

    `String.prototype.Replace` 是一个自定义扩展方法,用于全局替换字符串中的某个子串。该方法接受两个参数:`oldValue` 和 `newValue`,分别表示需要被替换的原始值和替换后的新值。 **实现原理:** 1. **创建正则...

    C#操作xml文件的方法

    在软件开发中,XML(Extensible Markup Language,可扩展标记语言)作为一种重要的数据交换格式,被广泛应用于配置文件存储、数据交换等领域。C#作为.NET框架的核心编程语言之一,提供了丰富的API来支持对XML文件的...

    C#操作XML通用方法汇总

    在.NET框架中,C#语言提供了丰富的XML处理能力,使得开发者能够轻松地创建、读取、修改和保存XML文档。本文将重点介绍几个C#中操作XML的...在使用时,开发者应确保正确处理异常,并根据项目需求进行适当的扩展和优化。

    c# 操作xml文件方法

    XML(可扩展标记语言)是一种结构化数据格式,广泛应用于数据交换和存储。以下是使用C#操作XML文件的一些基本方法,主要涉及`System.Xml`命名空间中的类。 首先,为了操作XML文件,你需要引入`System.Xml`命名空间...

    C#解析XML入门级别的实例代码

    Console.WriteLine(node.InnerText); ``` 5. **事件驱动解析**:如`XmlReader`,它是一个流式解析器,适用于处理大型XML文件,因为它不将整个文件加载到内存中。以下是如何使用`XmlReader`: ```csharp using ...

    JS获取Table中td值的方法

    `.context`属性是一个jQuery的扩展属性,它提供对原生DOM元素的访问,类似于JavaScript中直接使用`this`获取DOM元素。`.innerText`属性则用于获取或设置元素内的文本内容。 除了通过class来选取td元素外,还可以...

Global site tag (gtag.js) - Google Analytics