让FireFox(火狐)支持InnerText属性

最新推荐文章于 2017-03-27 14:28:09 发布

原创最新推荐文章于 2017-03-27 14:28:09 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#InnerText属性 #火狐支持InnerText #InnerText

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种在火狐浏览器中优化innerText属性的方法，包括实现细节和代码示例，旨在提高页面元素文本内容的获取和设置效率。

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

只需要在页面加载的时候加入下面的代码

// 让火狐支持innerText
(function(bool) {
	function setInnerText(o, s) {
		while (o.childNodes.length != 0) {
			o.removeChild(o.childNodes[0]);
		}
		o.appendChild(document.createTextNode(s));
	}
	
	function getInnerText(o) {
		var sRet = "";
		for ( var i = 0; i < o.childNodes.length; i++) {
			if (o.childNodes[i].childNodes.length != 0) {
				sRet += getInnerText(o.childNodes[i]);
			}

			if (o.childNodes[i].nodeValue) {
				if (o.currentStyle.display == "block") {
					sRet += o.childNodes[i].nodeValue + "\n";
				} else {
					sRet += o.childNodes[i].nodeValue;
				}
			}
		}
		return sRet;
	}

	if (bool) {
		HTMLElement.prototype.__defineGetter__("currentStyle", function() {
			return this.ownerDocument.defaultView.getComputedStyle(this, null);
		});

		HTMLElement.prototype.__defineGetter__("innerText", function() {
			return getInnerText(this);

		});

		HTMLElement.prototype.__defineSetter__("innerText", function(s) {

			setInnerText(this, s);

		});
	}
})(/Firefox/.test(window.navigator.userAgent));