浏览器兼容性改造之为Element添加innerText属性

最新推荐文章于 2024-11-12 10:02:38 发布

原创最新推荐文章于 2024-11-12 10:02:38 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #firefox #function #ie #html

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了解决Firefox环境下DOM对象缺少innerText属性的方法，通过为HTMLElement原型添加getter和setter来实现与IE环境下相同的功能。代码示例展示了如何在Firefox中获取HTML标签内的文本内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、问题描述

在IE和Opear下，DOM对象支持innerText属性，可以很方便的取得HTML标签内的值。但是Firefox不支持该属性，好在FireFox下的DOM对象支持textContent，该属性与innerText等效。

2、解决方案

为HTMLElement添加innerText属性，实现与在IE下同样的功用。

3、参考

示例代码：

    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].innerText;
    		else if(childS[i].nodeType==3)
    			anyString += childS[i].nodeValue;
    	}
    	return anyString;
    });
    
    HTMLElement.prototype.__defineSetter__( "innerText", function(sText){
    	this.textContent=sText;
    });