使火狐支持innerHTML

最新推荐文章于 2023-10-06 20:28:35 发布

转载最新推荐文章于 2023-10-06 20:28:35 发布 · 3k 阅读

文章标签：

#function #input

C# 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种在不支持outerHTML属性的浏览器中实现该属性的方法。通过定义getter和setter，可以获取和设置元素及其子节点的HTML代码。此外，还提供了一个辅助方法来判断元素是否可以拥有子节点。

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());
});
}
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());
});
}