firefox没有outerHTML用以下方法解决

1. /**
2.  *   兼容firefox的 outerHTML  使用以下代码后，firefox可以使用element.outerHTML
3.  **/
5. if(window.HTMLElement) {
6.     HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML){
7.         var r=this.ownerDocument.createRange();
8.         r.setStartBefore(this);
9.         var df=r.createContextualFragment(sHTML);
10.         this.parentNode.replaceChild(df,this);
11.         return sHTML;
12.         });
14.     HTMLElement.prototype.__defineGetter__("outerHTML",function(){
15.      var attr;
16.         var attrs=this.attributes;
17.         var str="<"+this.tagName.toLowerCase();
18.         for(var i=0;i<attrs.length;i++){
19.             attr=attrs[i];
20.             if(attr.specified)
21.                 str+=" "+attr.name+'="'+attr.value+'"';
22.             }
23.         if(!this.canHaveChildren)
24.             return str+">";
25.         return str+">"+this.innerHTML+"</"+this.tagName.toLowerCase()+">";
26.         });
27.         
28.  HTMLElement.prototype.__defineGetter__("canHaveChildren",function(){
29.   switch(this.tagName.toLowerCase()){
30.             case "area":
31.             case "base":
32.          case "basefont":
33.             case "col":
34.             case "frame":
35.             case "hr":
36.             case "img":
37.             case "br":
38.             case "input":
39.             case "isindex":
40.             case "link":
41.             case "meta":
42.             case "param":
43.             return false;
44.         }
45.         return true;
47.      });
48. }