使FireFox支持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()); }); }

解决这个问题，是从这位朋友的博客中找到的办法：http://www.cnblogs.com/doll-net/archive/2007/06/17/786835.html

在使用outerHTML的js文件（或脚本块）中，添加一段DOM原型扩展方法：

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

然后，就可以正常使用outerHTML对象了。