defineGetter and defineSetter in Firefox

最新推荐文章于 2025-11-24 16:46:36 发布

原创最新推荐文章于 2025-11-24 16:46:36 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #firefox #input

javascript 专栏收录该内容

125 篇文章

订阅专栏

本文介绍了一种在Firefox浏览器中实现HTML元素outerHTML属性的方法，通过定义getter和setter来获取和设置包含元素自身在内的所有HTML代码。同时，还提供了一个innerText属性的实现，用于获取或更改元素及其子元素的文本内容。

defineGetter

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/defineGetter

defineSetter

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/defineSetter

/** FF下面实现outerHTML **/ if (typeof(HTMLElement) != "undefined" && !window.opera) { HTMLElement.prototype.__defineGetter__("outerHTML", function(){ var a = this.attributes, str = "<" + this.tagName, i = 0; for (; i < a.length; i++) if (a[i].specified) str += " " + a[i].name + '="' + a[i].value + '"'; if (!this.canHaveChildren) return str + " />"; return str + ">" + this.innerHTML + "</" + this.tagName + ">"; }); HTMLElement.prototype.__defineSetter__("outerHTML", function(s){ var r = this.ownerDocument.createRange(); r.setStartBefore(this); var df = r.createContextualFragment(s); this.parentNode.replaceChild(df, this); return s; }); HTMLElement.prototype.__defineGetter__("canHaveChildren", function(){ return !/^(area|base|basefont|col|frame|hr|img|br|input|isindex|link|meta|param)$/.test(this.tagName.toLowerCase()); }); }

HTMLElement.prototype.__defineGetter__("innerText", function(){ var rng = document.createRange(); rng.selectNode(this); return rng.toString(); }); HTMLElement.prototype.__defineSetter__("innerText", function(newTxt){ var rng = document.createRange(); rng.selectNodeContents(this); rng.deleteContents(); this.appendChild(document.createTextNode(newTxt)); return newTxt; });