让 FireFox 也支持 outerHTML

最新推荐文章于 2023-09-15 14:00:00 发布

最新推荐文章于 2023-09-15 14:00:00 发布 · 228 阅读

文章标签：

#Firefox #prototype #Opera

javascript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种在浏览器环境中自定义HTML元素outerHTML属性的方法，通过JavaScript实现了对元素的读取和替换操作，并确保了子元素的正确处理。

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

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